/* ==========================================================================
   1. LAPAS AUGŠA (Viss lielais bloks līdz izvēlnei)
   ========================================================================== */
header.header, 
.header-blank,
.container-header {
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}

/* Nodrošinām, ka visi teksti un moduļi augšā ir uz balta fona redzami */
header.header *, 
.container-header * {
    color: #333333 !important;
}

/* Zīmola (logo un nosaukuma) bloks kreisajā pusē */
.navbar-brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; 
    text-align: left !important;
}

/* Logo bildītes nobīde uz centru virs nosaukuma (Uz datora) */
.navbar-brand img,
.navbar-brand picture {
    margin-left: 70px !important; 
}

/* Mājaslapas nosaukums zem logo */
.navbar-brand .site-title {
    margin-top: 10px !important;
    display: block !important;
}


/* ==========================================================================
   LOGO UN LAPAS NOSAUKUMA CENTRĒŠANA MOBILAJĀ REŽĪMĀ (Līdz 991px)
   ========================================================================== */
@media (max-width: 991px) {
    /* Nocentrē pašu zīmola (brand) bloku, kurā ir logo un teksts */
    .navbar-brand {
        display: flex !important;
        flex-direction: column !important; /* Sakārto logo un tekstu vienu zem otra */
        align-items: center !important;    /* Nocentrē horizontāli */
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;            /* Izstiepj pa visu platumu */
        margin-right: 0 !important;        /* Noņem noklusējuma nobīdes */
        margin-left: 0 !important;
    }

    /* !!! ŠIS LABO PROBLĒMU: Noņemam datora režīma 70px nobīdi telefonā !!! */
    .navbar-brand img,
    .navbar-brand picture {
        margin-left: 0 !important; 
        margin-right: 0 !important;
    }

    /* Pārliecināmies, ka paši teksta elementi (ja ir h1 vai span) arī centrējas */
    .navbar-brand .site-title,
    .navbar-brand .site-description {
        text-align: center !important;
        width: 100% !important;
    }

    /* Ja tev blakus ir izvēlnes poga, nodrošinām, ka galvene atļauj centrēšanu */
    .header .navbar {
        justify-content: center !important;
    }
}



/* ==========================================================================
   2. JAUNĀ REĢISTRĒTĀ "X" POZĪCIJA (Tikai uz datora ekrāniem)
   ========================================================================== */
@media (min-width: 992px) {
    .header .container-x {
        position: absolute !important;
        top: 20px !important;            /* Attālums no pašas lapas augšas */
        right: 60px !important;          /* Nobīde pa kreisi līdz ar izvēlnes strīpas galu */
        z-index: 999 !important;
        
        display: flex !important;
        flex-direction: column !important; /* Saliek moduļus glītā kolonnā */
        align-items: flex-end !important;
        gap: 8px !important;
    }

    /* Nodrošinām stabilu platumu meklētājam jaunajā pozīcijā uz desktopa */
    .header .container-x .mod-search,
    .header .container-x .search {
        width: 220px !important;
    }
}

/* ==========================================================================
   UZ LABOJUMIEM MOBILAJĀ REŽĪMĀ (Ekrāniem līdz 991px)
   ========================================================================== */
@media (max-width: 991px) {
    .header .container-x {
        position: relative !important;   /* Noņemam absolūto pozīciju */
        top: 0 !important;
        right: 0 !important;
        display: flex !important;
        flex-direction: row !important;  /* Mobilajā liekam blakus, lai netērē vietu uz leju */
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;          /* Izstiepjam pa visu platumu */
        padding: 10px 0 !important;
        gap: 15px !important;
    }

    .header .container-x .mod-search,
    .header .container-x .search {
        flex-grow: 1 !important;         /* Ļaujam meklētājam aizpildīt brīvo vietu mobilajā */
        width: auto !important;
        max-width: 100% !important;
    }
}


/* ==========================================================================
   3. ČAKSTES SAUKĻA POZĪCIJA (Tikai uz datora ekrāniem no 992px)
   ========================================================================== */
@media (min-width: 992px) {
    .container-topbar {
        position: absolute !important;
        top: 30px !important;               /* Kontrolē citāta vertikālo augstumu neatkarīgi no logo */
        left: 0 !important;
        right: 0 !important;
        display: flex !important;
        justify-content: center !important; /* Tur tekstu perfekti lapas centrā */
        z-index: 998 !important;
    }
    
    .container-topbar .mod-custom {
        text-align: center !important;
        font-size: 1.1rem !important;      
        font-style: normal !important;      
        color: #495057 !important;          
        margin: 0 !important;
    }
}

/* ==========================================================================
   ČAKSTES SAUKLIS MOBILAJĀ REŽĪMĀ (Ekrāniem līdz 991px)
   ========================================================================== */
@media (max-width: 991px) {
    .container-topbar {
        position: relative !important;      /* Noņemam absolūto pozīciju */
        top: 0 !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 10px 15px !important;      /* Iedodam smuku atkāpi no malām */
        background-color: #f8f9fa !important; /* Pēc izvēles: var pielikt vieglu fona toni, lai izceļas */
        border-bottom: 1px solid #e9ecef !important;
    }

    .container-topbar .mod-custom {
        font-size: 0.95rem !important;      /* Mobilajā ekrānā burtus uztaisām nedaudz mazākus, lai ietilpst */
        font-style: normal !important;      
        color: #495057 !important;          
        line-height: 1.4 !important;
        margin: 0 !important;
    }
}




/* ==========================================================================
   4. HORIZONTĀLĀ IZVĒLNE UN NAVIGĀCIJA
   ========================================================================== */
nav.navbar,
.container-nav,
.navbar-expand-md {
    background-color: #ffffff !important;
    background-image: none !important;
    border-top: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    margin-bottom: 20px !important;
}

/* Sakārtojam navigācijas joslas atstarpi zem neatkarīgajiem moduļiem */
.header .container-nav {
    grid-column: 1 / -1 !important;
    margin-top: 15px !important;     
}

/* Izvēlnes punkti un saites */
nav.navbar .mod-menu a,
nav.navbar .nav-link {
    color: #444444 !important;
    padding: 10px 15px !important;
}

/* Izvēlnes punktu hover efekts */
nav.navbar .mod-menu a:hover,
nav.navbar .nav-link:hover {
    background-color: #f9f9f9 !important;
    color: #000000 !important;
}

/* ==========================================================================
   5. KĀJENE (Lapas apakša)
   ========================================================================== */
footer.footer,
.container-footer {
    background-color: #f4f4f6 !important;
    background-image: none !important;
    color: #555555 !important;
    border-top: 1px solid #e0e0e0 !important;
    padding: 30px 0 !important;
}

footer.footer a,
.container-footer a {
    color: #222222 !important;
}