/*
 * Align Editions frontend theme overrides.
 * Values are injected as CSS custom properties from the admin Theme Manager.
 */
body{
  background:var(--paper);
  color:var(--ink);
}

.site-header{
  height:var(--theme-header-height);
  background:var(--theme-header-bg);
  color:var(--theme-header-text);
  border-bottom-color:var(--theme-header-border);
}
.theme-header-glass .site-header{
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.theme-header-solid .site-header{
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.theme-header-static .site-header{
  position:relative;
  top:auto;
}
.theme-header-sticky .site-header{
  position:sticky;
  top:0;
}

.desktop-nav{color:var(--theme-nav-text)}
.desktop-nav a:after{background:var(--theme-nav-hover)}
.header-actions{color:var(--theme-header-text)}
.header-actions a,.menu-toggle{color:var(--theme-header-text)}
.basket span{background:var(--gold);color:var(--deep)}

.header-search{
  background:var(--theme-search-bg);
  border-color:var(--theme-search-border);
}
.header-search:focus-within{
  background:var(--theme-search-bg);
  border-color:var(--theme-nav-hover);
}
.header-search input,
.header-search button{
  color:var(--theme-search-text);
}
.header-search input::placeholder{color:color-mix(in srgb,var(--theme-search-text) 58%,transparent)}
.header-search button:hover{color:var(--theme-nav-hover)}

.mobile-nav{
  top:var(--theme-header-height);
  background:var(--theme-mobile-bg);
}
.mobile-nav a{color:var(--theme-mobile-text)}
.mobile-search{
  background:color-mix(in srgb,var(--theme-mobile-bg) 85%,white);
  border-color:var(--theme-nav-hover);
}
.mobile-search input{color:var(--theme-mobile-text)}
.mobile-search input::placeholder{color:color-mix(in srgb,var(--theme-mobile-text) 62%,transparent)}
.mobile-search button{background:var(--gold);color:var(--deep)}

.button{
  background:var(--theme-button-bg);
  border-color:var(--theme-button-bg);
  color:var(--theme-button-text);
}
.button:hover{
  background:var(--theme-button-hover);
  border-color:var(--theme-button-hover-border);
  color:var(--theme-button-hover-text);
}
.button-outline{
  background:transparent;
  color:var(--green);
  border-color:var(--theme-button-outline);
}
.button-gold{background:var(--gold);border-color:var(--gold);color:var(--deep)}

.collection-card,.product-card,.panel-card,.sidebar-card,.cart-summary,.product-panel{
  border-color:var(--line);
}

.site-footer{
  background:var(--theme-footer-bg);
  color:var(--theme-footer-text);
}
.site-footer p,.footer-brand p{color:var(--theme-footer-muted)}
.site-footer h4,.footer-note span{color:var(--theme-footer-accent)}
.site-footer a{color:var(--theme-footer-text)}
.site-footer a:hover{color:var(--theme-footer-accent)}
.footer-note{border-left-color:color-mix(in srgb,var(--theme-footer-accent) 45%,transparent)}
.footer-note small{color:var(--theme-footer-muted)}
.copyright{background:var(--theme-copyright-bg);color:var(--theme-copyright-text)}

@media(max-width:780px){
  .site-header{height:var(--theme-header-height)}
  .mobile-nav{inset:var(--theme-header-height) 0 0 0}
}
