/* Footer social platform overrides */
/* Refined footer social buttons: neutral base + brand hover */
.footer .social-links-footer2 .platform{background:#fff;width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;box-shadow:0 2px 4px -2px rgba(15,23,42,.08);color:#334155;font-size:18px;line-height:1;transition:.28s background,.28s color,.28s transform,.28s box-shadow;position:relative}
.footer .social-links-footer2 .platform i{color:inherit;line-height:1}
.footer .social-links-footer2 .platform:hover{transform:translateY(-4px);box-shadow:0 6px 18px -6px rgba(15,23,42,.25)}
/* Old per-brand hover removed to allow unified hover later */
@media(max-width:680px){.footer .social-links-footer2 .platform{width:38px;height:38px;font-size:16px;border-radius:10px}}

/* Ensure global heading color rule doesn't override icons inside links */
 h1 i, h2 i, h3 i, h4 i, h5 i, h6 i, span i, a i { color:inherit !important; }
:root {
    --theme-color: #ff9902;
}

/* === Header menu adjustments requested === */
/* Force main nav links to white (normal & hover) */
.navbar-part .nav__menu > li > a,
.navbar-part .menus .nav__menu > li > a span,
.navbar-part4 .nav__menu > li > a { color:#ffffff !important; }
.navbar-part .nav__menu > li > a:hover span,
.navbar-part .nav__menu > li > a:hover,
.navbar-part .nav__menu > li > a:focus { color:#ffbd27 !important; }

/* User & wishlist icons: remove colored background, make icons visible */
.header-action-items1 .account,
.header-action-items1 .favourite-icon.icon,
.header-action-items1 .cart .cart-icon.icon,
.header-action-items1 .search-part .search-icon.icon {
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    color:#ffffff !important;
}
.header-action-items1 .favourite-icon.icon a,
.header-action-items1 .account i,
.header-action-items1 .favourite-icon.icon i,
.header-action-items1 .cart .cart-icon i { color:#ffffff !important; }

/* Remove hover background specifically from wishlist (and other header icons) */
.header-action-items1 .favourite-icon.icon:hover,
.header-action-items1 .favourite-icon.icon a:hover,
.header-action-items1 .account:hover,
.header-action-items1 .cart .cart-icon.icon:hover,
.header-action-items1 .search-part .search-icon.icon:hover {
    background:transparent !important;
    box-shadow:none !important;
}

/* Badges keep accent */
.header-action-items1 .cart .icon-dot,
.header-action-items1 .wishlist-dot.icon-dot { background:#ff9902 !important; color:#111 !important; }

/* On hover lighten */
.header-action-items1 .account:hover i,
.header-action-items1 .favourite-icon.icon:hover i,
.header-action-items1 .cart .cart-icon:hover i { color:#ffbd27 !important; }

/* ===== Menu spacing & dividers (restore older compact style) ===== */
/* Tighter horizontal gap */
.navbar-part .nav__menu { display:flex; gap:14px !important; }
.navbar-part .nav__menu > li { margin:0 !important; position:relative; padding:0 10px !important; }
.navbar-part .nav__menu > li:first-child { padding-left:0 !important; }
.navbar-part .nav__menu > li:last-child { padding-right:0 !important; }
/* Vertical divider using pseudo-element (except last) */
.navbar-part .nav__menu > li:not(:last-child):after { content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); height:18px; width:1px; background:rgba(255,255,255,0.22); }
/* Adjust anchor to align nicely */
.navbar-part .nav__menu > li > a { padding:4px 0 !important; line-height:1.2 !important; }
/* Sticky variant (if different container) */
.lower-navbar .nav__menu { gap:12px !important; }
.lower-navbar .nav__menu > li { padding:0 9px !important; }
.lower-navbar .nav__menu > li:not(:last-child):after { background:rgba(255,255,255,0.25); }

/* Remove residual button styling from theme overrides for those header icons */
.header-action-items1 .account,
.header-action-items1 .favourite-icon.icon,
.header-action-items1 .cart .cart-icon.icon { min-height:auto !important; padding:0 !important; }

button,
.btn,
.go-btn,
.cart-btn,
.addto-cart,
.checkout-btn,
.header-action-items .icon:hover,
.footer .newsletter button,
.account,
.wishlist-btn,
.select-option-btn {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    color: #000 !important; /* text negru in stare normala */
}

a.go-btn:hover,
.addto-cart:hover,
.cart-btn:hover,
button:hover,
.btn:hover,
.checkout-btn:hover,
.procced-btn:hover,
.continue-shopping:hover,
.wishlist-btn:hover,
.select-option-btn:hover {
    background:#031424 !important;
    border-color:#031424 !important;
    color:#fff !important; /* text alb la hover */
    filter:none !important;
    transition: background .25s, color .25s, border-color .25s;
}

/* ==== BUTTON HEIGHT ADJUSTMENTS (larger buttons) ==== */
:root {
    --btn-height: 48px; /* înălțime dorită butoane principale */
    --btn-padding-y: 12px;
    --btn-padding-x: 28px;
}

/* Listează butoanele principale (nu includ butoanele de cantitate din coș care folosesc .button fără .btn) */
.btn,
button.btn,
.addto-cart,
.cart-btn,
.checkout-btn,
.procced-btn,
.apply-btn,
.continue-shopping,
.go-btn,
.wishlist-btn,
.select-option-btn {
    min-height: var(--btn-height) !important;
    padding: var(--btn-padding-y) var(--btn-padding-x) !important;
    line-height: 1.1 !important;
    font-size: 15px; /* ușor mai lizibil */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px;
    border-radius: 6px !important;
    font-weight: 600;
}

/* Variante mici rămân compacte */
.btn-sm, button.btn-sm { min-height: 32px !important; padding: 6px 14px !important; font-size: 13px !important; }

/* Evităm afectarea butoanelor minus/plus din editorul de cantitate */
.quantity-edit .button { min-height: 34px !important; padding: 4px 10px !important; font-size: 14px !important; }

/* Asigură iconițele vertical centrate în butoane mărite */
.btn i, .addto-cart i, .cart-btn i, .checkout-btn i { line-height: 1 !important; }

/* ===== Mobile menu spacing adjustments ===== */
@media (max-width: 991px){
    /* Primary mobile list items */
    .side-mobile-menu ul li a { padding:14px 0 !important; font-size:15px !important; letter-spacing:.25px; }
    .side-mobile-menu ul li a:hover { padding-left:4px !important; }
    /* Reduce nested spacing */
    .side-mobile-menu ul li ul li { padding-left:10px !important; }
    .side-mobile-menu ul li ul li a { padding:8px 0 8px 14px !important; font-size:14px !important; }
    /* Mega mobile tweaks */
    .side-mobile-menu .mega-dropdown-mobile a { padding:6px 0 6px 14px !important; }
    /* Remove colored background behind icons inside mobile menu to match desktop minimal style */
    .side-mobile-menu1 ul li .mm-link i,
    .side-mobile-menu1.side-mobile-menu2 ul li .mm-link i { background:transparent !important; padding:0 !important; color:inherit !important; }
}

/* ===== Sticky navbar spacing & dividers match desktop ===== */
.lower-navbar .nav__menu { display:flex; gap:12px !important; }
.lower-navbar .nav__menu > li { position:relative; padding:0 9px !important; margin:0 !important; }
.lower-navbar .nav__menu > li:not(:last-child):after { content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:18px; background:rgba(255,255,255,0.22); }
.lower-navbar .nav__menu > li > a { padding:4px 0 !important; }

/* === FINAL SOCIAL ICON ENFORCED OVERRIDES (beats footer-extra.css) === */
/* Match exact selector used in footer-extra.css but place later + !important */
.footer .footer-box-widget .social-links-footer2 li a.platform {
        background:#fff !important;
        color:#334155 !important;
        width:42px; height:42px; border-radius:12px;
    display:inline-flex; align-items:center; justify-content:center;
        border:1px solid #e2e8f0 !important;
        box-shadow:0 2px 4px -2px rgba(15,23,42,.08) !important;
        padding:0; font-size:18px; line-height:1; position:relative;
        transition:.28s background,.28s color,.28s transform,.28s box-shadow;
}
.footer .footer-box-widget .social-links-footer2 li a.platform {
    position:static !important; /* remove theme bottom:-32px */
    bottom:auto !important; top:auto !important; left:auto !important; right:auto !important;
    padding-top:0 !important; line-height:42px !important;
}
.footer .footer-box-widget .social-links-footer2 li a.platform i,
.footer .footer-box-widget .social-links-footer2 li a.platform img { color:inherit !important; filter:none !important; }
/* Brand hovers */
.footer .footer-box-widget .social-links-footer2 li a.platform:hover { transform:translateY(-4px); box-shadow:0 6px 18px -6px rgba(15,23,42,.25) !important; }
@media (max-width:680px){
    .footer .footer-box-widget .social-links-footer2 li a.platform { width:38px; height:38px; font-size:16px; border-radius:10px; }
}

/* === Brand icons on neutral base (#F2F4F7) === */
.footer .footer-box-widget .social-links-footer2 li a.platform { background:#F2F4F7 !important; border-color:#e2e8f0 !important; }
.footer .footer-box-widget .social-links-footer2 li a.platform.facebook { color:#1877F2 !important; }
.footer .footer-box-widget .social-links-footer2 li a.platform.instagram { color:#d62976 !important; }
.footer .footer-box-widget .social-links-footer2 li a.platform.youtube { color:#FF0000 !important; }
.footer .footer-box-widget .social-links-footer2 li a.platform.twitter { color:#1DA1F2 !important; }
.footer .footer-box-widget .social-links-footer2 li a.platform.linkedin { color:#0A66C2 !important; }
.footer .footer-box-widget .social-links-footer2 li a.platform.tiktok { color:#000 !important; }
/* Hover: fill with brand (or gradient) and invert icon */
/* Unified hover color */
/* Unified final hover (highest precedence) */
.footer.footer-3.footer-4 .footer-box-widget .social-links-footer2 li a.platform:hover,
.footer .footer-box-widget .social-links-footer2 li a.platform:hover { background:#FF9902 !important; color:#031424 !important; border-color:#FF9902 !important; box-shadow:0 6px 14px -4px rgba(255,153,2,.45) !important; }

