/* ============================================================
   Freetimers Servers subtheme global styles
   File: themes/custom/ftservers/css/ftservers-global.css

   Scope:
   - General page layout
   - Main content spacing
   - Drupal messages
   - Generic admin/content clean-up
   - Safe defaults

   Do NOT put header/menu/search/dashboard/chart CSS here.
   ============================================================ */


/* ============================================================
   Base page
   ============================================================ */

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background: #f5f7fa;
  color: #102033;
}

/* Keep the Drupal admin toolbar untouched. */
#toolbar-administration {
  box-sizing: content-box;
}


/* ============================================================
   Main layout
   ============================================================ */

#page-wrapper,
#page {
  background: #f5f7fa;
}

#main-wrapper {
  margin-top: 1rem !important;
  background: #f5f7fa;
}

#main {
  background: transparent;
}

.layout-container {
  max-width: 1280px;
}

/* Main content area */
#content,
.main-content {
  background: transparent;
}

.region-content {
  background: transparent;
}


/* ============================================================
   Page titles and local tasks
   ============================================================ */

/* The dashboard homepage does not need the standard Drupal page title
   to dominate the layout. Keep this conservative for now. */

.path-frontpage #block-ftservers-page-title,
.path-frontpage #block-bartik-page-title {
  display: none;
}

/* Keep edit/view/delete tabs usable but less visually dominant. */
#block-ftservers-local-tasks,
#block-bartik-local-tasks {
  margin: 0 0 1rem 0;
}

.tabs.primary {
  margin-top: 0;
}


/* ============================================================
   Drupal messages
   ============================================================ */

.messages__wrapper.layout-container {
  max-width: 1280px;
  margin: 0 auto;
}

.messages {
  border-radius: 0;
  margin: 0.75rem 0;
}

.messages--status {
  border-left-color: #6aa84f;
}


/* ============================================================
   Featured/top area
   ============================================================ */

/* The search form has been moved into the header.
   Keep featured-top from creating visual gaps if empty. */

.featured-top:empty,
.region-featured-top:empty {
  display: none !important;
}

.featured-top {
  background: transparent;
  margin: 0;
  padding: 0;
}

.featured-top__inner {
  min-height: 0;
}


/* ============================================================
   General links
   ============================================================ */

a {
  color: #075985;
}

a:hover,
a:focus {
  color: #003f63;
}


/* ============================================================
   Forms: safe general defaults only
   ============================================================ */

input,
button,
select,
textarea {
  font-family: inherit;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
textarea,
select {
  max-width: 100%;
}


/* ============================================================
   Tables: safe general defaults only
   Dashboard/view-specific table styling belongs elsewhere.
   ============================================================ */

table {
  max-width: 100%;
}

th,
td {
  vertical-align: top;
}


/* ============================================================
   Utility
   ============================================================ */

.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px);
}