/**
 * ShopC Brand CSS - Complete Martfury Overrides
 * Version: 1.0.0
 * 
 * Loaded via child theme AFTER parent Martfury CSS
 * Uses maximum specificity to override parent theme
 */

/* ============================================
   COLOR VARIABLES
   ============================================ */
:root {
    --shopc-primary: #1E3A8A;
    --shopc-primary-hover: #1E40AF;
    --shopc-accent: #FF6B35;
    --shopc-accent-hover: #EA5A24;
    --shopc-pink: #E91E63;
    --shopc-green: #4CAF50;
    --shopc-yellow: #FFC107;
    --shopc-cyan: #29B6F6;
    --shopc-dark: #1e293b;
    --shopc-light: #f8fafc;
    --shopc-gradient: linear-gradient(135deg, var(--shopc-primary) 0%, var(--shopc-accent) 100%);
}

/* ============================================
   HEADER - Kill the yellow menu bar
   ============================================ */
body header .header-nav,
body header .main-nav-wrapper,
body header nav,
body .martfury-header-navigation,
body .header-navigation,
body .categories-menu-wrapper,
body .header-nav-wrapper,
body .mf-header-nav,
body [class*="header-nav"]:not(.sub-menu):not(.dropdown),
body [class*="main-nav"]:not(.sub-menu):not(.dropdown) {
    background: var(--shopc-primary) !important;
    background-color: var(--shopc-primary) !important;
    background-image: none !important;
}

/* Menu links */
body header .header-nav > ul > li > a,
body header .main-nav-wrapper > ul > li > a,
body .martfury-header-navigation > ul > li > a,
body .header-navigation > ul > li > a,
body header nav > ul > li > a,
body [class*="header-nav"] > ul > li > a {
    color: white !important;
    font-weight: 600 !important;
    padding: 12px 18px !important;
    transition: all 0.3s ease !important;
}

/* Menu link hover */
body header .header-nav > ul > li:hover > a,
body header .main-nav-wrapper > ul > li:hover > a,
body [class*="header-nav"] > ul > li:hover > a,
body [class*="header-nav"] > ul > li.current-menu-item > a {
    color: var(--shopc-accent) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Sub-menus stay white */
body .sub-menu, body .dropdown-menu, body .mega-menu {
    background: white !important;
}
body .sub-menu a, body .dropdown-menu a, body .mega-menu a {
    color: var(--shopc-dark) !important;
}
body .sub-menu a:hover, body .dropdown-menu a:hover {
    color: var(--shopc-accent) !important;
    background: var(--shopc-light) !important;
}

/* Header search icon, cart, account */
body header .header-icons a,
body header .header-account,
body header .header-cart {
    color: var(--shopc-dark) !important;
}
body header .header-icons a:hover,
body header .header-account:hover {
    color: var(--shopc-accent) !important;
}

/* Cart count badge */
body .cart-count,
body .cart-contents-count,
body .header-cart-count,
body .mini-cart-count {
    background: var(--shopc-accent) !important;
    color: white !important;
    font-weight: 700 !important;
}

/* ============================================
   BUTTONS - Blue primary
   ============================================ */
body .button:not(.shopc-buy-now-btn):not(.shopc-buy-now-btn-loop),
body .btn:not(.shopc-buy-now-btn),
body button.button,
body button[type="submit"],
body input[type="submit"],
body .woocommerce a.button,
body .woocommerce button.button,
body .wp-block-button__link,
body .dokan-btn-theme,
body .dokan-btn-primary,
body .martfury-button {
    background-color: var(--shopc-primary) !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
    text-shadow: none !important;
    background-image: none !important;
}

body .button:hover,
body button.button:hover,
body button[type="submit"]:hover,
body input[type="submit"]:hover,
body .woocommerce a.button:hover,
body .woocommerce button.button:hover,
body .dokan-btn-theme:hover {
    background-color: var(--shopc-primary-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(30, 58, 138, 0.3) !important;
}

/* Add to Cart - Orange (CTA) */
body .woocommerce ul.products li.product .button,
body .woocommerce a.button.add_to_cart_button,
body .woocommerce a.product_type_simple,
body .single_add_to_cart_button,
body .add_to_cart_button {
    background-color: var(--shopc-accent) !important;
    color: white !important;
}
body .woocommerce ul.products li.product .button:hover,
body .woocommerce a.button.add_to_cart_button:hover,
body .single_add_to_cart_button:hover {
    background-color: var(--shopc-accent-hover) !important;
}

/* ============================================
   PRICES - Orange
   ============================================ */
body .price,
body .amount,
body .woocommerce ul.products li.product .price,
body .woocommerce div.product p.price,
body .woocommerce div.product span.price,
body ins .amount {
    color: var(--shopc-accent) !important;
    font-weight: 700 !important;
}

body del, body del .amount, body .woocommerce del {
    color: #94a3b8 !important;
    text-decoration: line-through;
    opacity: 0.7;
}

/* ============================================
   BADGES
   ============================================ */
body .onsale,
body .woocommerce span.onsale,
body .badge-sale {
    background: var(--shopc-pink) !important;
    color: white !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    padding: 4px 10px !important;
}

body .badge-new, body .badge-featured, body .badge-hot {
    background: var(--shopc-green) !important;
    color: white !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    padding: 4px 10px !important;
}

/* ============================================
   STARS - Yellow
   ============================================ */
body .star-rating span:before,
body .woocommerce .star-rating span:before {
    color: var(--shopc-yellow) !important;
}

/* ============================================
   LINKS
   ============================================ */
body a {
    color: var(--shopc-primary);
}
body a:hover {
    color: var(--shopc-accent);
}

/* ============================================
   HIDE "HOMEPAGE" TITLE on front page
   ============================================ */
body.home .page-title,
body.home .entry-title,
body.home .page-header,
body.front-page .page-title,
body.front-page .entry-title,
body.shopc-homepage .page-title,
body.shopc-homepage .entry-title,
body.shopc-homepage .page-header {
    display: none !important;
}

/* ============================================
   FOOTER - Blue everywhere
   ============================================ */
body footer,
body .footer,
body .site-footer,
body #colophon,
body .main-footer,
body [role="contentinfo"],
body .martfury-footer {
    background: var(--shopc-primary) !important;
    background-color: var(--shopc-primary) !important;
    color: white !important;
}

/* All descendants of footer */
body footer *,
body .footer *,
body .site-footer *,
body #colophon *,
body .main-footer *,
body .martfury-footer * {
    color: white !important;
    opacity: 1 !important;
}

body footer h1, body footer h2, body footer h3,
body footer h4, body footer h5, body footer h6,
body .footer h1, body .footer h2, body .footer h3,
body .footer h4, body .footer h5, body .footer h6,
body footer .widget-title,
body footer .widgettitle {
    color: white !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

body footer a,
body .footer a {
    color: rgba(255, 255, 255, 0.85) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
body footer a:hover,
body .footer a:hover {
    color: var(--shopc-accent) !important;
    padding-left: 4px;
}

/* Trust badges section */
body .footer-services,
body .services-list,
body .martfury-services,
body .footer-features,
body .mf-services,
body .service-block,
body .footer-service-block {
    background: var(--shopc-primary) !important;
    padding: 24px 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body .footer-services i,
body .services-list i,
body .martfury-services i,
body .footer-features i,
body .service-block i {
    color: var(--shopc-accent) !important;
    font-size: 32px !important;
}

/* Hide dummy footer content */
body .footer-bottom-categories,
body .footer-tags-line,
body .footer-tag-line,
body .mf-footer-tags,
body .footer-tags-wrapper,
body .mf-footer-bottom-categories,
body .footer .tagcloud,
body footer .tagcloud {
    display: none !important;
}

/* Copyright bar */
body .copyright,
body .footer-copyright,
body .site-info,
body .footer-bottom {
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 16px !important;
    text-align: center !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Newsletter input */
body footer input[type="email"],
body footer input[type="text"],
body .footer input[type="email"],
body .footer input[type="text"] {
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: white !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
}
body footer input::placeholder,
body .footer input::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Social icons */
body footer .social-icon,
body footer .socials a,
body .footer .social-icon,
body .footer .socials a,
body footer .social-networks a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    margin: 4px !important;
}
body footer .social-icon:hover,
body .footer .social-icon:hover,
body footer .socials a:hover {
    background: var(--shopc-accent) !important;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
}

/* ============================================
   PRODUCT PAGE
   ============================================ */

/* Hide default Get Support (moved to bottom via plugin) */
body .woocommerce div.product .dokan-store-support-btn-product,
body .woocommerce div.product .dokan-support-btn-wrap,
body .woocommerce div.product .summary .dokan-btn-support,
body .woocommerce div.product .summary button[class*="support"]:not(.shopc-support-btn),
body .summary .dokan-store-support-btn-product-wrap,
body .entry-summary .dokan-store-support-btn-product-wrap {
    display: none !important;
}

body .woocommerce div.product .product_title {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: var(--shopc-dark) !important;
    margin-bottom: 12px !important;
}

body .woocommerce div.product p.price,
body .woocommerce div.product span.price {
    font-size: 28px !important;
    font-weight: 800 !important;
}

body .woocommerce div.product form.cart {
    padding: 16px !important;
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

body .woocommerce div.product .product_meta {
    margin-top: 20px !important;
    padding: 12px 16px !important;
    background: var(--shopc-light) !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    line-height: 2 !important;
}

body .woocommerce div.product .woocommerce-tabs {
    margin-top: 40px !important;
    padding: 24px !important;
    background: white !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
}

body .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: var(--shopc-primary) !important;
}
body .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: white !important;
    font-weight: 700 !important;
}

/* ============================================
   PRODUCT HOVER
   ============================================ */
body .woocommerce ul.products li.product,
body .product-item {
    transition: all 0.3s ease !important;
    border-radius: 8px !important;
}
body .woocommerce ul.products li.product:hover,
body .product-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

/* ============================================
   FORMS
   ============================================ */
body input:focus, body textarea:focus, body select:focus {
    border-color: var(--shopc-primary) !important;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1) !important;
    outline: none;
}

/* ============================================
   PAGINATION
   ============================================ */
body .page-numbers.current,
body .woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--shopc-primary) !important;
    color: white !important;
    border-color: var(--shopc-primary) !important;
}
body .page-numbers:hover,
body .woocommerce nav.woocommerce-pagination ul li a:hover {
    background: var(--shopc-accent) !important;
    color: white !important;
}

/* ============================================
   BREADCRUMBS
   ============================================ */
body .woocommerce-breadcrumb,
body .breadcrumb {
    background: var(--shopc-light) !important;
    padding: 12px 20px !important;
    border-radius: 6px !important;
}

/* ============================================
   NOTICES
   ============================================ */
body .woocommerce-message,
body .woocommerce-info {
    border-top-color: var(--shopc-primary) !important;
}
body .woocommerce-message::before,
body .woocommerce-info::before {
    color: var(--shopc-primary) !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */

/* Hide Martfury default banners/widgets in category mega menu dropdowns */
body .sub-menu img,
body .sub-menu figure,
body .sub-menu .banner,
body .sub-menu .widget,
body .sub-menu .widget_media_image,
body .sub-menu .widget_text,
body .sub-menu .mega-banner,
body .sub-menu [class*="banner"],
body .sub-menu [class*="promo"],
body .sub-menu-wrap img,
body .sub-menu-wrap figure,
body .sub-menu-wrap .banner,
body .sub-menu-wrap .widget,
body .mega-menu img,
body .mega-menu figure,
body .mega-menu .banner,
body .mega-menu .widget,
body .mega-menu-column img,
body .mega-menu-column figure,
body .mega-menu-column .banner,
body .mega-menu-column .widget,
body .mf-mega-menu img,
body .mf-mega-menu figure,
body .mf-mega-menu .banner,
body .mf-mega-menu .widget,
body .mf-menu-mega-image,
body .mf-menu-mega-widget,
body nav .sub-menu img,
body nav .sub-menu figure,
body .main-navigation .sub-menu img,
body .main-navigation .sub-menu figure,
body .main-navigation .sub-menu .widget,
body .header-nav .sub-menu img,
body .header-nav .sub-menu figure,
body .header-nav .sub-menu .widget,
body [class*="megamenu"] img,
body [class*="megamenu"] figure,
body [class*="megamenu"] .banner,
body [class*="megamenu"] .widget,
body .menu-item .sub-menu > .banner,
body .menu-item .sub-menu > .widget,
body .menu-item .sub-menu > figure,
body .menu-item .sub-menu > img {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* Hide any element with "backpack" or "simple" text in menu (fallback) */
body .sub-menu [class*="Simple"],
body .sub-menu [class*="Unero"] {
    display: none !important;
}

@media (max-width: 768px) {
    body header .header-nav,
    body header .main-nav-wrapper {
        display: none !important;
    }
    
    /* SLIM STICKY HEADER ON MOBILE - keep visible but compact */
    body header,
    body .site-header,
    body .mf-header,
    body .site-header--sticky,
    body .mf-header-sticky {
        padding: 6px 12px !important;
        min-height: 50px !important;
        max-height: 60px !important;
    }
    
    /* Shrink logo on mobile */
    body header .site-logo img,
    body header .custom-logo,
    body header .logo img,
    body .site-header img.logo,
    body header a.logo img {
        max-height: 40px !important;
        width: auto !important;
    }
    
    /* Hide tagline on mobile (saves space) */
    body header .site-description,
    body header .tagline,
    body header p.tagline {
        display: none !important;
    }
    
    /* Slim search box on mobile */
    body header .header-search-form,
    body header .search-form,
    body header form.search-form {
        padding: 4px !important;
    }
    body header .header-search input {
        padding: 6px 10px !important;
        font-size: 13px !important;
    }
    
    /* Compact header icons (cart, wishlist, account) */
    body header .header-icons,
    body header .header-cart,
    body header .header-account {
        padding: 4px !important;
    }
    body header .header-icons a,
    body header .header-cart a,
    body header .header-account a {
        padding: 4px !important;
        font-size: 20px !important;
    }
    
    /* Login/Register text hide on very small screens (icons only) */
    body header .header-account-text {
        display: none !important;
    }
    
    /* Hide the sticky header clone (Martfury creates duplicate) */
    body .header-clone,
    body .mf-header-clone,
    body .site-header-clone {
        display: none !important;
    }
    
    /* Reduce body padding for compact header */
    body {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    body footer, body .footer {
        padding: 20px 12px !important;
    }
    
    body .woocommerce div.product .product_title {
        font-size: 22px !important;
    }
    body .woocommerce div.product p.price {
        font-size: 22px !important;
    }
}

/* Extra small screens (phones under 400px) - even slimmer */
@media (max-width: 400px) {
    body header,
    body .site-header {
        padding: 4px 8px !important;
        min-height: 44px !important;
    }
    body header .site-logo img,
    body header .custom-logo {
        max-height: 32px !important;
    }
}