/* ============================================================
   CULTURA BALEAR · LA ISLA DE ORO — shared cross-site bar
   One file, loaded by every route. Never copy-paste this into
   a page's own <style> block — edit it here and every page
   updates.
   ============================================================ */

:root{
  --cb-ink:#16324a;
  --cb-gold:#b38b45;
  --cb-cream:#eee9dc;
  --cb-bar-bg:#0e2334;
}

.cb-bar{
  background:var(--cb-bar-bg);
  color:var(--cb-cream);
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  letter-spacing:.05em;
  position:fixed;
  top:0; left:0; right:0;
  z-index:300;
}
/* A page's OWN fixed header/nav (e.g. a language switcher) should
   sit just below this bar rather than overlapping it. Reference
   --cb-bar-height (set automatically by cb-bar.js once rendered)
   on that element's `top`, e.g.:
     .my-page-nav{ position:fixed; top:var(--cb-bar-height, 0px); }
   Defaults to 0px so pages render correctly even before the
   variable is set, or if this bar is ever removed. */
.cb-bar-inner{
  max-width:1180px;
  margin:0 auto;
  padding:9px 6vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.cb-brand{
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--cb-gold);
  white-space:nowrap;
  text-decoration:none;
}
.cb-brand b{ color:var(--cb-cream); font-weight:400; }
.cb-sites{
  display:flex;
  gap:4px;
  flex-wrap:wrap;
}
.cb-sites a{
  color:#c9c5b9;
  text-decoration:none;
  padding:5px 12px;
  border-radius:20px;
  border:1px solid transparent;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:10.5px;
  transition:.15s;
  white-space:nowrap;
}
.cb-sites a:hover{ color:#fff; border-color:#ffffff33; }
.cb-sites a.cb-active{
  background:var(--cb-cream);
  color:var(--cb-ink);
  border-color:var(--cb-cream);
  cursor:default;
}
@media (max-width:720px){
  .cb-bar-inner{ padding:8px 5vw; gap:8px; }
  .cb-brand{ font-size:10px; }
  .cb-sites a{ padding:4px 9px; font-size:9.5px; }
}