/*
Theme Name: Storefront Child
Theme URI: https://example.com/
Description: Tema copil pentru Storefront
Author: Claudiu Dragomir
Template: storefront
Version: 1.0.0
*/

/* ============================ */
/* Ascunde textul site-ului */
.site-branding .site-title {
    display: none !important;
}

/* Logo */
.custom-logo img {
    max-height: 70px;
    width: auto;
    vertical-align: middle;
}

/* ============================ */
/* Buton hamburger - chenar alb (invizibil) */
button.menu-toggle,
button.menu-toggle:hover,
button.menu-toggle:focus {
    border: 1px solid #ffffff !important; /* alb */
    background: transparent !important;
    box-shadow: none !important;
}

/* Liniile din interior (iconul hamburger) */
button.menu-toggle:before,
button.menu-toggle:after,
button.menu-toggle span:before {
    background-color: #112813 !important; /* verdele logo-ului */
}

/* ============================ */
/* Bara de căutare personalizată (mobil) */
.custom-search-bar {
    display: none;
}

@media (max-width: 768px) {
    .custom-search-bar {
        display: block;
        margin: 8px auto 12px auto; /* distanță față de header */
        padding: 0 10px;
    }

    .custom-search-bar .search-form {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .custom-search-bar .search-field {
        flex: 1;
        border: 1px solid #112813; /* linie verde logo */
        border-radius: 25px;
        padding: 8px 38px 8px 14px; /* spațiu pentru lupă */
        font-size: 14px;
        outline: none;
        color: #112813; /* text verde logo */
        background-color: #f5f9f6; /* verde foarte pal */
        transition: all 0.3s ease;
        box-shadow: none;
    }

    /* Placeholder */
    .custom-search-bar .search-field::placeholder {
        color: #335533; /* verde gri subtil */
    }

    /* Focus & hover efecte */
    .custom-search-bar .search-field:focus,
    .custom-search-bar .search-field:hover {
        border-color: #009900; /* verde accent la focus */
        background-color: #ffffff;
        box-shadow: 0 2px 6px rgba(17, 40, 19, 0.2); /* umbră subtilă */
    }

    /* Buton submit ascuns, dar funcțional */
    .custom-search-bar .search-submit {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: 0;
        border: none;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
    }

    /* Icon lupă SVG verde în interiorul input */
    .custom-search-bar .search-form::after {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23112813' stroke-width='2' viewBox='0 0 24 24'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
        background-repeat: no-repeat;
        background-size: contain;
        pointer-events: none;
    }
}

/* ============================ */
/* Meniu principal - culoare verde logo și font mai bold */
.storefront-primary-navigation ul li a {
    color: #112813 !important;
    font-weight: 600 !important;
}

/* Subcategorii la hover */
.storefront-primary-navigation ul li:hover > ul li a {
    color: #112813 !important;
}

/* Submeniuri */
.storefront-primary-navigation ul li ul li a {
    font-weight: 500 !important;
    color: #112813 !important;
}
/* === Elimină complet spațiul dintre header și bara de căutare === */
@media (max-width: 768px) {
    header.site-header {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .storefront-breadcrumb {
        margin-top: 0 !important;
    }

    .custom-search-bar {
        margin-top: 0 !important;
        padding-top: 4px !important; /* doar puțin spațiu respirabil */
    }
}




/* ============================ */
/* Fundal alb pentru meniul vertical */
#site-navigation ul {
    background-color: #ffffff; /* fundal alb */
}
/* ============================ */
/* Iconițe pentru categoriile principale și subcategorii */

/* Toate linkurile din meniul principal și submeniuri */
#site-navigation a[href="https://www.promotii.bazar-pescuit.ro/product-category/crap/"]::before,
#site-navigation a[href="https://www.promotii.bazar-pescuit.ro/product-category/feeder/"]::before,
#site-navigation a[href="https://www.promotii.bazar-pescuit.ro/product-category/stationar/"]::before,
#site-navigation a[href="https://www.promotii.bazar-pescuit.ro/product-category/seturi-pescuit/"]::before,
#site-navigation a[href="https://www.promotii.bazar-pescuit.ro/product-category/rapitori-spinning/"]::before {
    display: inline-block;
    vertical-align: middle;
    width: 30px; /* poți ajusta dimensiunea */
    height: 30px;
    margin-right: 8px;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Iconițe specifice */
#site-navigation a[href="https://www.promotii.bazar-pescuit.ro/product-category/crap/"]::before {
    background-image: url('/wp-content/uploads/icons/icon-crap.png');
}

#site-navigation a[href="https://www.promotii.bazar-pescuit.ro/product-category/feeder/"]::before {
    background-image: url('/wp-content/uploads/icons/logo-65f959a2-f4c9-4abd-82fa-df589edd37d8.png');
}

#site-navigation a[href="https://www.promotii.bazar-pescuit.ro/product-category/stationar/"]::before {
    background-image: url('/wp-content/uploads/icons/icon-stationar.png');
}

#site-navigation a[href="https://www.promotii.bazar-pescuit.ro/product-category/seturi-pescuit/"]::before {
    background-image: url('/wp-content/uploads/icons/icon-seturi.png');
}

#site-navigation a[href="https://www.promotii.bazar-pescuit.ro/product-category/rapitori-spinning/"]::before {
    background-image: url('/wp-content/uploads/icons/icon-spinning.png');
}

/* ============================ */
/* Menținerea meniului vertical și subcategorii indentate */
.storefront-primary-navigation ul ul {
    padding-left: 0; /* elimină padding-ul default, poți regla dacă e nevoie */
}

.storefront-primary-navigation ul ul li {
    list-style: none; /* elimină bullet points */
}

/* Optional: mică ajustare pentru hover */
.storefront-primary-navigation ul li a:hover::before {
    transform: scale(1.1); /* mic efect de zoom la hover */
    transition: transform 0.2s ease-in-out;
}

/* ============================ */
/* STILURI FOOTER PERSONALIZAT */
.site-footer .site-info {
    background-color: #ffffff;
    color: #112813;
    text-align: center; 
    padding: 15px 10px; 
    font-size: 14px;
    border-top: 1px solid #eeeeee;
    clear: both;
}

.site-footer .site-info a {
    color: #335533;
    text-decoration: none;
    transition: color 0.3s ease;
}

.site-footer .site-info a:hover {
    color: #009900;
    text-decoration: underline;
}

.site-footer {
    background-color: #ffffff !important;
}

.storefront-footer-widgets {
    background-color: #ffffff !important;
    padding-top: 2.618em;
    padding-bottom: 2.618em;
}

/* ============================ */
/* MENIU PRODUSE — permanent deschis (desktop) */
/* ============================ */
@media (min-width: 769px) {

    /* PRODUSE permanent deschis */
    #site-navigation ul.menu > li > a[href="https://www.promotii.bazar-pescuit.ro/"] + ul.sub-menu,
    #site-navigation ul.menu > li.current-menu-item > ul.sub-menu,
    #site-navigation ul.menu > li.current-menu-ancestor > ul.sub-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Săgeți pentru toate nivelurile */
    #site-navigation ul.menu li.menu-item-has-children > a::after {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-left: 8px;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 10"><polyline points="0,0 6,5 0,10" fill="none" stroke="%23112813" stroke-width="1.5"/></svg>');
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
        transition: transform 0.3s ease;
    }

    /* Animare săgeată la hover */
    #site-navigation li:hover > a::after {
        transform: rotate(90deg);
    }

    /* Submeniurile la hover */
    #site-navigation li:hover > ul.sub-menu {
        display: block;
    }

    /* Linkurile din submeniuri */
    #site-navigation ul.sub-menu li a {
        font-weight: 500;
        color: #112813;
        padding: 12px 15px;
        display: flex;
        align-items: center;
    }

    /* Iconițe doar la nivel 1 (direct sub PRODUSE) */
    #site-navigation ul.menu > li > ul.sub-menu > li > a[href*="/product-category/crap/"]::before,
    #site-navigation ul.menu > li > ul.sub-menu > li > a[href*="/product-category/feeder/"]::before,
    #site-navigation ul.menu > li > ul.sub-menu > li > a[href*="/product-category/stationar/"]::before,
    #site-navigation ul.menu > li > ul.sub-menu > li > a[href*="/product-category/seturi-pescuit/"]::before,
    #site-navigation ul.menu > li > ul.sub-menu > li > a[href*="/product-category/rapitori-spinning/"]::before {
        content: "";
        display: inline-block;
        width: 26px;
        height: 26px;
        margin-right: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    #site-navigation ul.menu > li > ul.sub-menu > li > a[href*="/product-category/crap/"]::before {
        background-image: url('/wp-content/uploads/icons/icon-crap.png');
    }
    #site-navigation ul.menu > li > ul.sub-menu > li > a[href*="/product-category/feeder/"]::before {
        background-image: url('/wp-content/uploads/icons/icon-feeder.png');
    }
    #site-navigation ul.menu > li > ul.sub-menu > li > a[href*="/product-category/stationar/"]::before {
        background-image: url('/wp-content/uploads/icons/icon-stationar.png');
    }
    #site-navigation ul.menu > li > ul.sub-menu > li > a[href*="/product-category/seturi-pescuit/"]::before {
        background-image: url('/wp-content/uploads/icons/icon-seturi.png');
    }
    #site-navigation ul.menu > li > ul.sub-menu > li > a[href*="/product-category/rapitori-spinning/"]::before {
        background-image: url('/wp-content/uploads/icons/icon-spinning.png');
    }

    /* Mai mult spațiu între categoriile de nivel 1 */
    #site-navigation ul.menu > li > ul.sub-menu > li {
        margin-bottom: 8px;
    }

    #site-navigation ul.menu > li > ul.sub-menu > li:last-child {
        margin-bottom: 0;
    }
}