/*
Theme Name: Avektor-G
Author: Avektor.com
Description: Lightweight with G Support
Version: 1.1
Text Domain: Avektor.com
*/

:root {
    --dust-grey: #e5e0db;
    --pale-oak: #d4c5b1;
    --ebony: #575b48;
    --dark-coffee: #2c241e;
    --taupe: #42362c;
    --olive-wood: #857345;
}

/* =========================================
   CORE STYLE UPDATE: WHITE BASE
   ========================================= */
body {
    background-color: #ffffff; /* Čisto belo ozadje */
    color: var(--dark-coffee);
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased; /* Apple-style glajenje pisav */
}

/* =========================================
   HEADER STYLING
   ========================================= */
.site-header {
    background-color: #ffffff; /* Čisto belo ozadje za glavo */
    padding: 25px 50px;
    border-bottom: 1px solid var(--dust-grey);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-title {
    margin: 0;
}

.site-title a {
    color: var(--dark-coffee);
    text-decoration: none;
    font-family: 'Bellanda', sans-serif;
    font-size: 2.8rem;
    font-weight: normal;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.main-navigation li {
    margin-left: 30px;
}

.main-navigation a {
    color: var(--taupe);
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    transition: color 0.3s ease;
}

.main-navigation a:hover {
    color: var(--olive-wood);
}

/* =========================================
   FOOTER STYLING
   ========================================= */
.site-footer {
    background-color: #ffffff; /* Čisto belo ozadje za nogo */
    color: var(--taupe);
    padding: 60px 20px;
    text-align: center;
    border-top: 1px solid var(--dust-grey);
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    margin-top: 50px;
}

.site-footer a {
    color: var(--ebony);
    text-decoration: none;
    font-weight: 600;
}

.site-footer a:hover {
    color: var(--olive-wood);
}

/* ====================================================
   WOOCOMMERCE SINGLE PRODUCT - MASTER GRID
   ==================================================== */

/* 1. Omejitev širine in centriranje */
.woocommerce div.product {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    box-sizing: border-box !important;
}

/* 2. Omejitev sistemskih obvestil */
.woocommerce-notices-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

/* 3. NA MOBILNIKIH (Mobile First): Vse je 100% širine */
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .summary.entry-summary {
    width: 100% !important;
    float: none !important;
}

/* 4. NA NAMIZJU (Desktop): Elegantna 2-stolpčna postavitev */
@media (min-width: 860px) {
    .woocommerce div.product {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
    }

    /* Galerija slik na levi (48% širine) */
    .woocommerce div.product .woocommerce-product-gallery {
        width: 48% !important;
        margin-bottom: 0 !important;
        position: sticky !important;
        top: 120px !important; /* Odmik, da slika ne zleze pod header */
    }

    /* Podatki in gumbi na desni (46% širine za zračen razmik) */
    .woocommerce div.product .summary.entry-summary {
        width: 46% !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    /* Zavihki (Tabs), Upsells in Podobni izdelki naj gredo nazaj na 100% širine pod sliko in podatki */
    .woocommerce div.product .woocommerce-tabs,
    .woocommerce div.product .related.products,
    .woocommerce div.product .up-sells {
        width: 100% !important;
        clear: both !important;
    }
}

/* 5. Odstranitev odvečnega menija na strani izdelka */
.woocommerce #sidebar {
    display: none !important;
}
.woocommerce-page #primary {
    width: 100% !important;
    float: none !important;
}

/* ====================================================
   LIBELLI EDITORIAL - GLAVNI OKVIR IZDELKA (MASTER GRID)
   ==================================================== */

/* 1. Omejitev celotne strani (vključno z drobtinicami in obvestili) */
.woocommerce-page #primary,
.woocommerce-page #main {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 20px 20px 60px 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    float: none !important;
    display: block !important;
}

/* 2. Drobtinice (Breadcrumbs) prefinjen Libelli stil */
.woocommerce-breadcrumb {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #685a4f !important;
    margin-bottom: 40px !important;
    padding: 0 !important;
}
.woocommerce-breadcrumb a {
    color: #2c241e !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* 3. NA MOBILNIKIH (Mobile First): Vse je 100% širine */
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .summary.entry-summary {
    width: 100% !important;
    float: none !important;
}

/* 4. NA NAMIZJU (Desktop): Elegantna 2-stolpčna postavitev */
@media (min-width: 860px) {
    .woocommerce div.product {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
    }

    /* Galerija slik na levi (48% širine) */
    .woocommerce div.product .woocommerce-product-gallery {
        width: 48% !important;
        margin-bottom: 0 !important;
        position: sticky !important;
        top: 120px !important; /* Odmik, da slika ne zleze pod header */
    }

    /* Podatki in gumbi na desni (46% širine za zračen razmik) */
    .woocommerce div.product .summary.entry-summary {
        width: 46% !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    /* Zavihki (Tabs), Upsells in Podobni izdelki gredo na 100% širine spodaj */
    .woocommerce div.product .woocommerce-tabs,
    .woocommerce div.product .related.products,
    .woocommerce div.product .up-sells {
        width: 100% !important;
        clear: both !important;
        margin-top: 60px !important;
    }
}

/* 5. Odstranitev odvečnega menija na strani izdelka */
.woocommerce #sidebar {
    display: none !important;
}