/* ============================================================
   PAK AUTO MART — GLOBAL SITE THEME  v2.0
   Overrides AizCore / thecore defaults sitewide
   ============================================================ */
:root {
  --pam-red: #e63946;
  --pam-red-dark: #c1121f;
  --pam-dark: #0d1117;
  --pam-card: #161b27;
  --pam-light: #f8f9fa;
}

/* ── Primary colour overrides ── */
.text-primary, .hov-text-primary:hover,
a.hov-text-primary:hover,
.opacity-60.hov-opacity-100.hov-text-primary:hover { color: var(--pam-red) !important; }
.bg-primary { background-color: var(--pam-red) !important; }
.border-primary { border-color: var(--pam-red) !important; }
.btn-primary, .btn-primary:hover, .btn-primary:focus,
.btn-primary:active, .btn-primary.active { background-color: var(--pam-red) !important; border-color: var(--pam-red) !important; color: #fff !important; }
.btn-soft-primary { background: rgba(230,57,70,.12) !important; color: var(--pam-red) !important; border-color: transparent !important; }
.btn-soft-primary:hover { background: var(--pam-red) !important; color: #fff !important; }
.badge-primary { background: var(--pam-red) !important; }
a.animate-underline-primary::after { background: var(--pam-red) !important; }

/* ── Page hero headers (used on listing, best-sell, search) ── */
.pam-page-header {
  background: linear-gradient(135deg,#0a0f1e 0%,#1a0a0a 100%);
  padding: 40px 0 32px;
  border-bottom: 2px solid var(--pam-red);
  margin-bottom: 0;
}
.pam-page-header h1, .pam-page-header h2 {
  font-size: 30px; font-weight: 900; color: #fff;
  text-transform: uppercase; letter-spacing: -0.3px; margin-bottom: 6px;
}
.pam-page-header .pam-page-subtitle { color: rgba(255,255,255,.55); font-size: 13px; margin: 0; }
.pam-breadcrumb-bar { display:flex; align-items:center; gap:8px; margin-bottom:14px; flex-wrap:wrap; }
.pam-breadcrumb-bar a { color:rgba(255,255,255,.5); font-size:12px; text-decoration:none; transition:color .2s; }
.pam-breadcrumb-bar a:hover { color:var(--pam-red); }
.pam-breadcrumb-bar .sep { color:rgba(255,255,255,.25); font-size:12px; }
.pam-breadcrumb-bar .cur { color:var(--pam-red); font-size:12px; font-weight:600; }
/* ── Breadcrumb aliases (bc = breadcrumb) ── */
.pam-breadcrumb-bar .pam-bc-sep { color:rgba(255,255,255,.25); font-size:12px; }
.pam-breadcrumb-bar .pam-bc-current { color:var(--pam-red); font-size:12px; font-weight:600; }
.pam-breadcrumb-bar .pam-bc-link { color:rgba(255,255,255,.5); font-size:12px; text-decoration:none; transition:color .2s; }
.pam-breadcrumb-bar .pam-bc-link:hover { color:var(--pam-red); }


/* ── Legacy breadcrumb override ── */
.breadcrumb { background: transparent !important; padding: 0 !important; margin: 0 !important; }
.breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,.3); }
.breadcrumb-item a { color: rgba(255,255,255,.55) !important; font-size: 12px; }
.breadcrumb-item.active, .breadcrumb-item.text-dark { color: var(--pam-red) !important; font-size: 12px; }

/* ── Product cards ── */
.has-transition.hov-shadow-out:hover { box-shadow: 0 8px 28px rgba(230,57,70,.15) !important; }
.hov-animate-outline::after { border-color: var(--pam-red) !important; }
.product-card-hover:hover, .hov-shadow-md:hover { box-shadow: 0 6px 24px rgba(230,57,70,.14) !important; }

/* Product price */
.fw-700.text-primary, .price-main { color: var(--pam-red) !important; }

/* ── Add to Cart / Buy Now buttons ── */
.btn-cart, .btn-cart:hover { background: var(--pam-red) !important; border-color: var(--pam-red) !important; color: #fff !important; }

/* ── Sidebar filters ── */
.aiz-filter-sidebar .collapse-sidebar { background: #fff; }
.border-bottom-listing-sidebar { border-bottom: 1px solid #f3f4f6 !important; }
.filter-section { font-size: 14px !important; font-weight: 800 !important; color: #111 !important; text-transform: uppercase; letter-spacing: .3px; }
.filter-section::after { color: var(--pam-red) !important; }
.hov-text-primary:hover { color: var(--pam-red) !important; }

/* ── Checkboxes & radio ── */
.aiz-custom-check:checked ~ .aiz-checkbox,
.aiz-custom-check:checked + label .aiz-checkbox { background: var(--pam-red) !important; border-color: var(--pam-red) !important; }

/* ── Range slider (price filter) ── */
.noUi-connect { background: var(--pam-red) !important; }
.noUi-handle { border-color: var(--pam-red) !important; box-shadow: 0 0 0 3px rgba(230,57,70,.2) !important; }

/* ── Pagination ── */
.page-item .page-link:hover,
.page-item.active .page-link { background-color: var(--pam-red) !important; border-color: var(--pam-red) !important; color: #fff !important; }
.aiz-pagination .page-item.active .page-link { background: var(--pam-red) !important; border-color: var(--pam-red) !important; }

/* ── Tabs / sort bar ── */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--pam-red) !important; }
.nav-underline .nav-link.active::after { background: var(--pam-red) !important; }

/* ── Rating stars ── */
.rating i.las.la-star, .rating i.las.la-star-half-alt { color: #f59e0b !important; }

/* ── Product listing page sidebar wrapper ── */
@media(min-width:1200px) {
  .aiz-filter-sidebar { border-right: 1px solid #f3f4f6; min-height: 100%; }
}

/* ── Product grid sort header ── */
.c-grid-view, .c-list-view { color: var(--pam-red) !important; }
.c-grid-view.active i, .c-list-view.active i { color: var(--pam-red) !important; }

/* ── Product detail page ── */
.product-title { font-size: 22px !important; font-weight: 800 !important; color: #111 !important; line-height: 1.3; }
.product-price-main { font-size: 28px !important; font-weight: 900 !important; color: var(--pam-red) !important; }
.product-old-price { font-size: 16px !important; color: #9ca3af !important; text-decoration: line-through; }
.add-to-cart-btn { background: var(--pam-red) !important; border-color: var(--pam-red) !important; font-weight: 700 !important; border-radius: 8px !important; }
.buy-now-btn { border-color: #111 !important; color: #111 !important; font-weight: 700 !important; border-radius: 8px !important; }
.buy-now-btn:hover { background: #111 !important; color: #fff !important; }

/* seller info box on product detail */
.seller-info-box { border-radius: 12px !important; border: 1px solid #f3f4f6 !important; }

/* ── Best-selling page header override ── */
.best-sell-header {
  background: linear-gradient(135deg,#0a0f1e,#1a0a0a);
  padding: 40px 0 32px;
  border-bottom: 2px solid var(--pam-red);
}
.best-sell-header h1 { color: #fff !important; font-weight: 900 !important; text-transform: uppercase; }

/* ── Seller shop listing cards ── */
.btn-visit { background: var(--pam-red) !important; color: #fff !important; border: none; padding: 8px 20px; border-radius: 8px; font-size: 13px; font-weight: 700; display: inline-block; text-decoration: none; transition: background .2s; }
.btn-visit:hover { background: var(--pam-red-dark) !important; color: #fff !important; text-decoration: none; }
.shop-card-wrap:hover { box-shadow: 0 8px 28px rgba(230,57,70,.15) !important; }

/* ── Footer ── */
.footer-main { background: var(--pam-dark) !important; }
footer, .footer { background: var(--pam-dark) !important; }
footer .text-primary, footer a.hov-text-primary:hover { color: var(--pam-red) !important; }
footer a { color: rgba(255,255,255,.65) !important; transition: color .2s; }
footer a:hover { color: var(--pam-red) !important; text-decoration: none; }
footer h3, footer h4, footer h5, footer .fw-700 { color: #fff !important; }
footer .border-top { border-color: rgba(255,255,255,.08) !important; }
footer .text-gray-dark { color: rgba(255,255,255,.55) !important; }
footer .bg-light { background: rgba(255,255,255,.04) !important; }
footer .border-bottom { border-color: rgba(255,255,255,.08) !important; }
.footer-links a { color: rgba(255,255,255,.6) !important; }
.footer-links a:hover { color: var(--pam-red) !important; }

/* ── Topbar / navbar accent ── */
.aiz-top-header .text-primary { color: var(--pam-red) !important; }
.navbar-light .navbar-brand, .navbar-brand { color: var(--pam-red) !important; }
.nav-search-btn { background: var(--pam-red) !important; }

/* ── Cart sidebar / wishlist ── */
.btn-cart-sidebar { color: var(--pam-red) !important; }
.cart-icon-badge, .wishlist-icon-badge { background: var(--pam-red) !important; }

/* ── Tags / badges ── */
.badge-soft-primary { background: rgba(230,57,70,.12) !important; color: var(--pam-red) !important; }
.badge.badge-inline { background: var(--pam-red) !important; }

/* ── Flash deal / sale tag ── */
.product-sale-tag, .flash-sale-tag { background: var(--pam-red) !important; }

/* ── Section headers ── */
.pam-section-label { font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--pam-red); display: block; margin-bottom: 6px; }
.pam-section-title { font-size: 28px; font-weight: 900; text-transform: uppercase; letter-spacing: -.3px; color: #111; }

/* ── Coupon/promo input ── */
.coupon-input:focus { border-color: var(--pam-red) !important; box-shadow: 0 0 0 3px rgba(230,57,70,.15) !important; }
.btn-coupon { background: var(--pam-red) !important; color: #fff !important; }

/* ── Order confirm page ── */
.order-confirmed-check { color: var(--pam-red) !important; }

/* ── Checkout steps ── */
.checkout-step-active { border-color: var(--pam-red) !important; color: var(--pam-red) !important; }

/* ── Form focus state ── */
.form-control:focus { border-color: var(--pam-red) !important; box-shadow: 0 0 0 3px rgba(230,57,70,.12) !important; }
.custom-select:focus { border-color: var(--pam-red) !important; box-shadow: 0 0 0 3px rgba(230,57,70,.12) !important; }

/* ── Mobile responsive fixes ── */
@media(max-width:768px) {
  .pam-page-header h1 { font-size: 22px !important; }
  .pam-page-header { padding: 28px 0 22px; }
  .product-title { font-size: 18px !important; }
  .product-price-main { font-size: 22px !important; }
}

/* ── Smooth transitions globally ── */
a, button, .btn, .has-transition { transition: color .2s, background-color .2s, border-color .2s, box-shadow .2s; }


/* ============================================================
   PAM HEADER / NAVBAR DARK THEME — v2.1
   Handles dark top+middle header and red category bar
   ============================================================ */

/* ── Top bar (language, currency, become a seller) ── */
.top-navbar, .top-background-color-visibility {
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}
.top-navbar .top-text-color-visibility,
.top-navbar a,
.top-navbar span,
.top-navbar .text-dark,
.top-navbar select,
.top-navbar .dropdown-toggle {
  color: rgba(255,255,255,.75) !important;
}
.top-navbar a:hover { color: var(--pam-red) !important; text-decoration: none; }
.top-navbar .dropdown-menu { background: #161b27 !important; border: 1px solid rgba(255,255,255,.1) !important; }
.top-navbar .dropdown-menu a { color: rgba(255,255,255,.8) !important; }
.top-navbar .dropdown-menu a:hover { background: rgba(230,57,70,.1) !important; color: var(--pam-red) !important; }

/* ── Middle header (logo + search bar + cart/user) ── */
header.middle-background-color-visibility,
.middle-background-color-visibility {
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}
header .middle-text-color-visibility,
header .nav-box-text,
header .nav-box-icon,
header .la,
header .middle-text-color-visibility i {
  color: rgba(255,255,255,.85) !important;
}
/* Search bar inside dark header — keep it readable */
header .front-header-search,
header .front-header-search .form-control,
header input[type="text"] {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: #fff !important;
}
header .front-header-search .form-control::placeholder { color: rgba(255,255,255,.45) !important; }
header .nav-search-btn, header button[type="submit"] {
  background: var(--pam-red) !important;
  border-color: var(--pam-red) !important;
  color: #fff !important;
}
/* Cart badge, wishlist icon */
header .cart-icon-badge, header .wishlist-icon-badge { background: var(--pam-red) !important; }
/* User avatar ring on dark bg */
header .nav-user-img { border-color: rgba(255,255,255,.2) !important; }

/* ── Bottom header / category nav bar ── */
.bottom-background-color-visibility,
.bottom-background-color-visibility .bottom-text-color-visibility {
  font-weight: 700 !important;
}
.bottom-background-color-visibility a,
.bottom-background-color-visibility .bottom-text-color-visibility {
  color: #fff !important;
}
.bottom-background-color-visibility a:hover {
  color: rgba(255,255,255,.75) !important; text-decoration: none;
}
/* Categories dropdown button */
.bottom-background-color-visibility .header_menu_links { color: #fff !important; }
.bottom-background-color-visibility .header_menu_links:hover { background: rgba(0,0,0,.15) !important; }
/* Cart total in bottom bar */
.bottom-background-color-visibility .aiz-cart-price { color: #fff !important; }

/* ── Category dropdown panel ── */
.category-dropdown-menu, .categories-menu-icon + .dropdown-menu {
  border-top: 3px solid var(--pam-red) !important;
}
.category-nav-element a:hover { color: var(--pam-red) !important; }

/* ── Sticky header shadow on dark ── */
.sticky-top { box-shadow: 0 2px 20px rgba(0,0,0,.4) !important; }

/* ── Mobile bottom nav – keep readable ── */
.aiz-mobile-bottom-nav .text-primary,
.aiz-mobile-bottom-nav .active { color: var(--pam-red) !important; }

/* ── Floating sidebar buttons (hamburger, flash, history) ── */
.c-preloader-btn, .aiz-sidebar-btn,
div[style*="position:fixed"] .btn, div[style*="position: fixed"] .btn {
  border-color: var(--pam-red) !important;
}

/* ── Become a Seller button in topbar ── */
.top-navbar .btn-primary,
.top-navbar .btn { background: var(--pam-red) !important; border-color: var(--pam-red) !important; color: #fff !important; }

/* ── Product listing page ── */
.product-listing-header, .shop-top-bar { background: var(--pam-dark) !important; }

/* ── Section titles on listing pages ── */
.section-title-1 { border-left: 4px solid var(--pam-red) !important; }
.section-title-1 h2, .section-title-2 h2 { color: #111 !important; }

/* ── Featured category section ── */
.featured_category_section_bg { background: var(--pam-red) !important; }

/* ── Flash deal bar ── */
.flash-deal-banner { background: var(--pam-red) !important; }
.flash-deal-title { color: #fff !important; }

/* ── Breadcrumb on white-bg pages ── */
.breadcrumb-item a { color: var(--pam-red) !important; }
.breadcrumb-item.active { color: #666 !important; }

/* ═══════════════════════════════════════════════════════════════
   PAM ANNOUNCEMENT BAR
═══════════════════════════════════════════════════════════════ */
.pam-announce-bar {
    background: linear-gradient(90deg, #c1121f 0%, #e63946 50%, #c1121f 100%);
    color: #fff;
    padding: 8px 48px 8px 16px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    position: relative;
    min-height: 36px;
    gap: 8px;
}
.pam-announce-inner { gap: 10px; }
.pam-announce-item { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.pam-announce-item i { font-size: 14px; }
.pam-announce-link { color: #fff !important; text-decoration: none !important; font-weight: 600; }
.pam-announce-link:hover { color: #ffd6d9 !important; }
.pam-announce-sep { color: rgba(255,255,255,0.5); font-weight: 300; }
.pam-announce-close {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    cursor: pointer;
    padding: 4px 6px;
    line-height: 1;
    transition: color 0.2s;
}
.pam-announce-close:hover { color: #fff; }
@media (max-width: 576px) {
    .pam-announce-bar { font-size: 11px; padding: 6px 40px 6px 12px; }
    .pam-announce-sep { display: none !important; }
    .pam-announce-inner { gap: 6px; }
}

/* ═══════════════════════════════════════════════════════════════
   PAM WHATSAPP FLOATING BUTTON
═══════════════════════════════════════════════════════════════ */
.pam-wa-float {
    position: fixed;
    bottom: 28px;
    right: 24px;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 0;
    text-decoration: none !important;
    cursor: pointer;
    border-radius: 50px;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.45);
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.2s ease;
    animation: pamWaPop 0.5s ease 1.5s both;
}
.pam-wa-float:hover { transform: translateY(-3px); box-shadow: 0 8px 28px rgba(37, 211, 102, 0.6); }
.pam-wa-icon {
    background: #25d366;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.2s;
    position: relative;
    z-index: 2;
}
.pam-wa-float:hover .pam-wa-icon { background: #1ebe5d; }
.pam-wa-label {
    background: #1a1a2e;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 0 16px 0 10px;
    line-height: 54px;
    white-space: nowrap;
    max-width: 0;
    overflow: hidden;
    transition: max-width 0.35s ease, padding 0.35s ease;
    letter-spacing: 0.3px;
}
.pam-wa-float:hover .pam-wa-label { max-width: 140px; }
/* Pulse ring */
.pam-wa-icon::after {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 3px solid rgba(37, 211, 102, 0.5);
    animation: pamWaPulse 2s ease-out infinite;
}
@keyframes pamWaPulse {
    0% { transform: scale(1); opacity: 1; }
    80% { transform: scale(1.5); opacity: 0; }
    100% { transform: scale(1.5); opacity: 0; }
}
@keyframes pamWaPop {
    0% { opacity: 0; transform: scale(0.5) translateY(20px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}
@media (max-width: 576px) {
    .pam-wa-float { bottom: 72px; right: 16px; }
    .pam-wa-icon { width: 48px; height: 48px; }
    .pam-wa-float:hover .pam-wa-label { max-width: 0; padding-right: 0; }
}