/* =========================================================
   Skärgårdskompaniet – Brand overrides
   - Keep this file skargardskompaniet.css (brand-only):
     tokens + a few scoped component overrides.
   ========================================================= */

/* 1) Brand tokens */
:root{
  /* Astra global colors (subset) */
  --ast-global-color-0:#0170B9;
  --ast-global-color-8:#000000;

  /* Button style from WP/Astra */
  --skk-btn:#b1a071;          /* guld */
  --skk-btn-border:#b1a071;
  --skk-btn-text:#ffffff;

  /* Map base UI accent to brand */
  --accent: var(--skk-btn);
  --accent-2: var(--skk-btn);
}

/* 2) Header – premium blue (only our header class) */
.header{
  background: linear-gradient(135deg, #1f4f7a, #2a6aa1);
}

/* 3) Buttons – scope to our booking UI elements only
   (avoid broad ".button" if other UI exists on page) */
.search-form input[type="submit"],
a.button,
#bk_minbokning .formbutton input{
  color: var(--skk-btn-text) !important;
  border: 1px solid var(--skk-btn-border) !important;
  background-color: var(--skk-btn) !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .4px;
}

/* Disabled booking button */
#bk_minbokning .formbuttondisable input{
  background:#e5e7eb !important;
  border:1px solid #e5e7eb !important;
  color:#9ca3af !important;
  border-radius: 999px !important;
  text-transform: uppercase !important;
  letter-spacing: .4px;
}

/* Hover/active */
.search-form input[type="submit"]:hover,
a.button:hover,
#bk_minbokning .formbutton input:hover{
  background-color: var(--skk-btn) !important;
  border-color: var(--skk-btn-border) !important;
  filter: brightness(.97);
}
.search-form input[type="submit"]:active,
a.button:active,
#bk_minbokning .formbutton input:active{
  transform: translateY(1px);
}

/* 4) Focus – match Astra-ish focus */
.search-form input[type="date"]:focus,
.search-form input[type="text"]:focus,
.search-form input[type="email"]:focus,
.search-form input[type="tel"]:focus,
#bk_minbokning input:focus{
  outline: none;
  border-color: var(--ast-global-color-8);
  box-shadow: 0 0 0 4px rgba(0,0,0,.10);
}

/* 5) Back-link pills */
.link a{
  border-radius: 999px;
  border-color: rgba(0,0,0,.10);
  font-weight: 700;
}
.link a:hover{
  border-color: rgba(177,160,113,.35);
}

/* 6) Cabin card tweaks (safe) */
.stuga{ border-radius: 18px; }
.stuga a{ color: var(--ast-global-color-8); }