/*
Theme Name:        Spectrums Theme
Theme URI:         https://dmnt.lt
Author:            By DMNT
Author URI:        https://dmnt.lt
Description:       Pixel-perfect WordPress theme for MB Spectrums (roletai, žaliuzės, tinkleliai) with deep Elementor integration. Header & footer are theme-driven via the Customizer (Elementor Free compatible); all sections are native Elementor widgets provided by the MB Spectrums Elementor companion plugin. Designed and built by DMNT — https://dmnt.lt
Version:           1.0.0
Requires at least: 5.9
Tested up to:      6.5
Requires PHP:      7.4
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       spectrums-theme
Tags:              elementor, business, custom-colors, custom-menu, full-width-template, translation-ready
*/

/* -------------------------------------------------------------
   The design system (tokens, typography, buttons, widget styles)
   ships with the companion plugin's base.css so it loads only when
   needed. This file holds only the minimal shell the theme itself
   renders: the document body, fallback (non-Elementor) pages,
   skip-link and the 404 screen.
   ------------------------------------------------------------- */

/* Shell tokens. These mirror the plugin's base.css palette, which is now the
   light warm-cream scheme. --st-header-bg paints the sticky header wrapper, so
   it has to match the plugin's --header-bg exactly — otherwise a dark strip
   shows around the (now light) header bars. */
:root{
  --st-header-bg:#F3EEE3;
  --st-gold:#B4893A;
  --st-gold-light:#8A6D2E;
  --st-cream:#FAF8F2;
  --st-cream-2:#FFFFFF;
  --st-ink:#241F18;
  --st-muted:#736C60;
}

html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--st-ink);
  background:var(--st-cream-2);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}

/* Sticky header — wraps the Elementor header template so it sticks relative to
   the whole page (a direct child of body), not the short Elementor section it
   lives in. `clip` on body (not `hidden`) keeps position:sticky working.
   The header background means any residual gap between the top bar and the
   nav shows the same sand tone as both bars instead of a white strip. */
.spectrums-header-bar{position:sticky;top:0;z-index:999;background:var(--st-header-bg);--widgets-spacing:0px}
.admin-bar .spectrums-header-bar{top:32px}
@media screen and (max-width:782px){
  .admin-bar .spectrums-header-bar{top:46px}
}
/* Collapse the default Elementor gap/padding between the top bar and the nav. */
.spectrums-header-bar .elementor-widget{margin-bottom:0 !important}
.spectrums-header-bar .elementor-widget:not(:last-child){margin-bottom:0 !important}
.spectrums-header-bar .elementor-section,
.spectrums-header-bar .elementor-container,
.spectrums-header-bar .elementor-column,
.spectrums-header-bar .elementor-column-wrap,
.spectrums-header-bar .elementor-widget-wrap,
.spectrums-header-bar .e-con,
.spectrums-header-bar .e-con-inner{padding-top:0 !important;padding-bottom:0 !important;row-gap:0 !important;gap:0 !important}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}

/* Accessibility skip link */
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--st-header-bg);color:var(--st-gold-light);padding:10px 16px}
.skip-link:focus{left:8px;top:8px}

/* Site shell — let Elementor's full-width pages run edge to edge */
.site-content{width:100%}

/* Minimal fallback header/footer (only shown if no Elementor template is
   selected in the Customizer, or the companion plugin is inactive) */
.st-fallback-header,.st-fallback-footer{background:var(--st-header-bg);color:var(--st-ink)}
.st-fallback-header .inner,.st-fallback-footer .inner{max-width:1180px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.st-fallback-header .brand{font-family:"Cormorant Garamond",serif;font-size:1.5rem;letter-spacing:.12em;color:var(--st-gold-light)}
.st-fallback-header nav a{margin-left:20px;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(36,31,24,.85)}
.st-fallback-footer .inner{justify-content:center;font-size:.85rem;color:rgba(36,31,24,.65)}

/* 404 + generic page fallback */
.st-page{max-width:760px;margin:0 auto;padding:90px 24px}
.st-page h1{font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,5vw,3.2rem);color:var(--st-ink);margin:0 0 16px}
.st-page p{color:var(--st-muted);margin:0 0 24px}
.st-btn{display:inline-block;background:var(--st-gold);color:var(--st-ink);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;padding:14px 28px;border-radius:4px;transition:.25s}
.st-btn:hover{background:var(--st-gold-light);color:#FFF}