/*
Theme Name: Monte New
Theme URI: https://montessori.lv/
Description: Montessori.lv jaunā tēma — Bootscore (Bootstrap 5) bērna tēma ar WooCommerce pielāgojumiem. Bāzēta uz jauno statisko dizainu.
Author: Montessori bērnu māja
Author URI: https://montessori.lv/
Template: bootscore
Version: 0.1.0
Requires PHP: 7.4
Text Domain: monte_new
*/

/* ==========================================================================
   monte_new — pielāgotais dizains (raksti savu CSS šeit)
   Bootscore ielādē vecāktēmas main.css (Bootstrap) + šo style.css automātiski.
   ========================================================================== */

/* Fiksētais daudzums grozā (sold individually) */
.monte-qty-fixed {
    display: inline-block;
    min-width: 2rem;
    text-align: center;
}

/* ==========================================================================
   Galvenes uzvedība: sākumlapā caurspīdīga virs hero; iekšlapās solīda
   ========================================================================== */
/* Novēršam, ka html/body kļūst par ritināšanas konteineri (overflow-x:hidden
   piespiež overflow-y:auto), kā dēļ absolūtā galvene "pielīp" pie loga.
   `clip` nogriež horizontālo pārplūdi, bet neveido ritināšanas konteineri —
   dokuments ritinās normāli un galvene aizritinās augšā (kā SNR paraugā). */
html,
body {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

/* Sākumlapā un lapās (page) galvene ir caurspīdīga virs hero-band */
.home .site-header,
.page .site-header {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
}
/* Pārējos kontekstos (raksti, arhīvi, veikals) — solīda tumši zila josla */
body:not(.home):not(.page) .site-header {
    position: relative;
    background: #192d56;
}

/* Grozs galvenē */
.site-header__cart {
    position: relative;
    color: #fff;
}
.site-header__cart-count {
    font-size: .85rem;
    font-weight: 600;
    margin-left: .35rem;
}

/* Desktop dropdown atvēršana ar .is-open (JS, bez Bootstrap JS) */
.site-header .navbar-nav .dropdown.is-open > .dropdown-menu,
.site-header .navbar-nav .menu-item-has-children.is-open > .sub-menu,
.site-header .navbar-nav .menu-item-has-children.is-open > .dropdown-menu {
    display: block;
}

/* Mobilā izvēlne — atvēršana */
.mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 1050;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease, visibility .2s ease;
}
.mobile-menu.is-open {
    visibility: visible;
    opacity: 1;
}
.mobile-menu__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(12, 18, 28, .55);
}
.mobile-menu__panel {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: min(88vw, 360px);
    background: #fff;
    box-shadow: -8px 0 30px rgba(0, 0, 0, .2);
    transform: translateX(100%);
    transition: transform .25s ease;
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    overflow-y: auto;
}
.mobile-menu.is-open .mobile-menu__panel {
    transform: translateX(0);
}
.mobile-menu__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.mobile-menu__identity {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-weight: 700;
}
.mobile-menu__close {
    border: 0;
    background: transparent;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
}
.mobile-menu__list a {
    display: block;
    padding: .55rem 0;
    color: #192d56;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}
.mobile-menu__actions {
    margin-top: 1rem;
}
.mobile-menu__cta {
    display: inline-block;
    background: var(--brand-red, #d94a4a);
    color: #fff;
    padding: .6rem 1.1rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 600;
}
body.mobile-menu-open {
    overflow: hidden;
}