/* ============================================================
   LIGGA PT — Custom Theme Override
   Brand: Yellow #FFD500 / Dark #1C1C1C / White #FFFFFF
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --ligga-yellow: #FFD500;
    --ligga-yellow-dark: #E6C000;
    --ligga-dark: #1C1C1C;
    --ligga-dark-2: #2A2A2A;
    --ligga-gray: #F5F5F5;
    --ligga-text: #333333;
    --ligga-white: #FFFFFF;
}

body, * {
    font-family: 'Inter', 'Source Sans Pro', sans-serif !important;
}

/* NAVBAR */
.top-nav-bar {
    background-color: var(--ligga-dark) !important;
    border-bottom: none !important;
}
.top-nav-bar a, .top-nav-bar span, .top-nav-bar .top-nav-text {
    color: #aaaaaa !important;
}
.top-nav-bar a:hover { color: var(--ligga-yellow) !important; }

/* HEADER */
header.row.velocity-divide-page,
.vc-header,
.main-content-wrapper > header,
.velocity-divide-page {
    background-color: var(--ligga-dark) !important;
    border-bottom: 3px solid var(--ligga-yellow) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}
.header-shadow { box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important; }
.logo img { filter: brightness(0) invert(1); }
.cart-icon-wrapper .badge, .count-badge {
    background-color: var(--ligga-yellow) !important;
    color: var(--ligga-dark) !important;
}

/* SIDEBAR / CATEGORY */
.category-list-container, #sidebar-level-0 {
    background-color: var(--ligga-dark) !important;
}
.category-list-container li a, .sidebar-category-list a {
    color: var(--ligga-white) !important;
    border-bottom: 1px solid #333 !important;
}
.category-list-container li a:hover {
    color: var(--ligga-yellow) !important;
    background-color: #2A2A2A !important;
}
.main-category {
    background-color: var(--ligga-yellow) !important;
    color: var(--ligga-dark) !important;
    font-weight: 700 !important;
}
.main-category i, .main-category span { color: var(--ligga-dark) !important; }

/* NAV LINKS */
.right-side-header a, .content-list a, .menu-nav li a {
    color: var(--ligga-white) !important;
}
.right-side-header a:hover, .content-list a:hover {
    color: var(--ligga-yellow) !important;
}

/* BUTTONS */
.btn-primary, .theme-btn, .add-to-cart-btn,
button[type="submit"].btn, .buy-now-btn, .checkout-btn {
    background-color: var(--ligga-yellow) !important;
    border-color: var(--ligga-yellow) !important;
    color: var(--ligga-dark) !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.btn-primary:hover, .theme-btn:hover, .add-to-cart-btn:hover {
    background-color: var(--ligga-yellow-dark) !important;
    border-color: var(--ligga-yellow-dark) !important;
    color: var(--ligga-dark) !important;
}

/* LINKS */
a { color: var(--ligga-dark) !important; }
a:hover { color: var(--ligga-yellow) !important; }
.text-velocity-color, .velocity-accent,
.product-price .special-price, .sale-badge {
    color: var(--ligga-yellow) !important;
}

/* PRODUCT CARDS */
.product-item-wrapper, .product-card {
    border-radius: 0 !important;
    border: 1px solid #e8e8e8 !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}
.product-item-wrapper:hover, .product-card:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
    transform: translateY(-2px) !important;
}
.product-price .regular-price, .product-price span {
    color: var(--ligga-dark) !important;
    font-weight: 600 !important;
}
.product-price .special-price { color: var(--ligga-yellow) !important; }
.product-action .btn, .product-actions .btn {
    background-color: var(--ligga-yellow) !important;
    border-color: var(--ligga-yellow) !important;
    color: var(--ligga-dark) !important;
    font-weight: 700 !important;
}

/* SECTION HEADINGS */
.section-title, .home-section-title,
.featured-title h2, .new-products-title h2, .hot-cat-heading h2 {
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: var(--ligga-dark) !important;
    border-left: 4px solid var(--ligga-yellow) !important;
    padding-left: 12px !important;
}

/* HERO SECTION */
.ligga-hero {
    position: relative;
    width: 100%;
    background-color: var(--ligga-dark);
    overflow: hidden;
    min-height: 420px;
    display: flex;
    align-items: center;
}
.ligga-hero img.hero-banner {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.6;
    position: absolute;
    top: 0; left: 0;
}
.ligga-hero-content {
    position: relative;
    z-index: 2;
    padding: 60px 60px;
    max-width: 680px;
}
.ligga-hero-tagline {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--ligga-yellow);
    margin-bottom: 12px;
    display: block;
}
.ligga-hero-title {
    font-size: 52px;
    font-weight: 900;
    line-height: 1.05;
    color: var(--ligga-white);
    margin-bottom: 20px;
    text-transform: uppercase;
}
.ligga-hero-title span { color: var(--ligga-yellow); }
.ligga-hero-subtitle {
    font-size: 16px;
    color: rgba(255,255,255,0.75);
    margin-bottom: 32px;
    line-height: 1.6;
}
.ligga-hero-btn {
    display: inline-block;
    background-color: var(--ligga-yellow);
    color: var(--ligga-dark) !important;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 14px 32px;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
}
.ligga-hero-btn:hover {
    background-color: var(--ligga-yellow-dark) !important;
    color: var(--ligga-dark) !important;
}

/* PRODUCT SHOWCASE SECTION */
.ligga-showcase {
    padding: 64px 0;
    background-color: #fff;
}
.ligga-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.ligga-section-header h2 {
    font-size: 26px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--ligga-dark);
    border-left: 4px solid var(--ligga-yellow);
    padding-left: 14px;
    margin: 0;
}
.ligga-section-header a.ligga-view-all {
    font-size: 12px;
    font-weight: 700;
    color: var(--ligga-dark) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid var(--ligga-yellow);
    text-decoration: none !important;
    padding-bottom: 2px;
}

/* SERVICES SECTION */
.ligga-services {
    padding: 80px 0;
    background-color: var(--ligga-dark);
}
.ligga-services-title {
    font-size: 72px;
    font-weight: 900;
    color: var(--ligga-yellow);
    text-transform: uppercase;
    letter-spacing: -2px;
    line-height: 1;
    margin-bottom: 56px;
}
.ligga-service-item { margin-bottom: 40px; }
.ligga-service-item h4 {
    font-size: 15px;
    font-weight: 700;
    color: var(--ligga-white);
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.ligga-service-item p {
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    line-height: 1.7;
    margin: 0;
}
.ligga-service-item a.ligga-service-link {
    display: inline-block;
    margin-top: 14px;
    font-size: 12px;
    font-weight: 700;
    color: var(--ligga-yellow) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
    border-bottom: 1px solid var(--ligga-yellow);
    padding-bottom: 2px;
}

/* FOOTER */
.footer {
    background-color: var(--ligga-dark) !important;
    border-top: 3px solid var(--ligga-yellow) !important;
}
.footer, .footer a, .footer p,
.footer span, .footer h5, .footer h6, .footer li {
    color: rgba(255,255,255,0.65) !important;
}
.footer a:hover { color: var(--ligga-yellow) !important; }
.footer .logo img { filter: brightness(0) invert(1); }
.footer h5, .footer .footer-title {
    color: var(--ligga-white) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    margin-bottom: 16px !important;
}
.newsletter-section .btn, .subscribe-btn {
    background-color: var(--ligga-yellow) !important;
    color: var(--ligga-dark) !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
}
.footer-copyright, .copyright {
    background-color: #111 !important;
    border-top: 1px solid #2a2a2a !important;
}
.footer-copyright span, .footer-copyright a {
    color: rgba(255,255,255,0.35) !important;
}

/* GO TOP */
.go-top-btn { background-color: var(--ligga-yellow) !important; color: var(--ligga-dark) !important; }

/* PAGINATION */
.page-item.active .page-link {
    background-color: var(--ligga-yellow) !important;
    border-color: var(--ligga-yellow) !important;
    color: var(--ligga-dark) !important;
    font-weight: 700 !important;
}
.page-link { color: var(--ligga-dark) !important; }

/* FOCUS STATES */
input:focus, select:focus, textarea:focus {
    border-color: var(--ligga-yellow) !important;
    box-shadow: 0 0 0 2px rgba(255,213,0,0.2) !important;
    outline: none !important;
}

/* MOBILE */
@media (max-width: 768px) {
    .ligga-hero-title { font-size: 30px; }
    .ligga-services-title { font-size: 42px; }
    .ligga-hero-content { padding: 40px 24px; }
}

/* ===== INTERNAL PAGES — HEADER OVERRIDE ===== */
header.sticky-header,
header.sticky-header.header-shadow,
.sticky-header {
    background-color: var(--ligga-dark) !important;
    border-bottom: 3px solid var(--ligga-yellow) !important;
}
.sticky-header .navbar-brand { padding: 0 20px !important; }
.sticky-header .searchbar,
.sticky-header .left-wrapper { background-color: var(--ligga-dark) !important; }
.sticky-header input[type='search'], .sticky-header .search-bar input {
    background: #2a2a2a !important;
    color: #fff !important;
    border-color: #444 !important;
}
.sticky-header .search-icon, .sticky-header .rango-search {
    color: var(--ligga-yellow) !important;
}
.sticky-header .left-wrapper a, .sticky-header .left-wrapper span,
.sticky-header .mini-cart-content a, .velocity-wishlist a {
    color: var(--ligga-white) !important;
}
.sticky-header .left-wrapper a:hover { color: var(--ligga-yellow) !important; }

/* Search bar button */
.input-group .btn-search, .search-bar .btn, button.search-button {
    background-color: var(--ligga-yellow) !important;
    border-color: var(--ligga-yellow) !important;
    color: var(--ligga-dark) !important;
}

/* Category sidebar button */
.main-category {
    background-color: var(--ligga-yellow) !important;
    color: var(--ligga-dark) !important;
    font-weight: 700 !important;
}

/* ===== FOOTER — VELOCITY TEXT REMOVAL ===== */
.footer-content, .footer-bottom, .footer {
    background-color: var(--ligga-dark) !important;
}
.footer-logo-section p, .company-description,
.footer .col-md-3:first-child p {
    display: none !important;
}

/* ===== KILL VELOCITY BLUE/TEAL EVERYWHERE ===== */
.desktop-nav-bar, .vc-navbar, .main-navbar,
nav.desktop-nav-bar, .nav-bar-wrapper,
[class*='nav-bar'], .velocity-navbar {
    background-color: var(--ligga-dark) !important;
    border-bottom: none !important;
}
.footer .social-links-wrapper, .footer-social,
.social-icon-wrapper, .footer .row.no-margin:not(.footer-statics) {
    background-color: var(--ligga-dark) !important;
}
/* Teal/blue banners and sections */
.footer-content > div, .footer > div, .footer-bottom,
div[style*='background:#'], div[style*='background-color:#'] {
    background-color: var(--ligga-dark) !important;
}
/* Social icons color */
.social-icon a, .social-links a { color: rgba(255,255,255,0.5) !important; }
.social-icon a:hover, .social-links a:hover { color: var(--ligga-yellow) !important; }

/* ===== NEWSLETTER / SOCIAL SECTION ===== */
.newsletter-subscription, .newsletter-wrapper {
    background-color: var(--ligga-dark) !important;
    border-top: 1px solid #2a2a2a !important;
    border-bottom: 1px solid #2a2a2a !important;
}
.social-icons a i, .within-circle {
    color: rgba(255,255,255,0.6) !important;
    border-color: rgba(255,255,255,0.2) !important;
}
.social-icons a:hover i { color: var(--ligga-yellow) !important; }

/* Fix blue #4d7ea8 newsletter section */
.newsletter-subscription { background-color: #1a1a1a !important; color: rgba(255,255,255,0.7) !important; }
.newsletter-subscription .newsletter-wrapper .social-icons .within-circle { background: #1a1a1a !important; border-color: rgba(255,255,255,0.25) !important; }
.newsletter-subscription .newsletter-wrapper .social-icons img { background: #1a1a1a !important; }

/* ===== CATEGORY NAV BAR — kill blue #4d7ea8 ===== */
.content-list ul {
    background-color: var(--ligga-dark) !important;
}
.content-list ul li a {
    color: rgba(255,255,255,0.85) !important;
}
.content-list ul li:hover,
.content-list ul li a:hover {
    background-color: #2a2a2a !important;
    color: var(--ligga-yellow) !important;
}