/* AfghanZone Home V2 — light, product-first marketplace skin.
   Loaded after home.css so the original logic and component IDs remain intact. */

:root {
    --az-cream: #f7f3ec;
    --az-cream-2: #fffaf3;
    --az-paper: #ffffff;
    --az-ink: #172033;
    --az-muted: #667085;
    --az-line: #e8dfd2;
    --az-orange: #f97316;
    --az-orange-dark: #d95f09;
    --az-mint: #dff5ea;
    --az-shadow: 0 22px 55px rgba(50, 42, 32, .09);
}

html { background: var(--az-cream); }
body.az-home-v2 {
    background:
        radial-gradient(circle at 8% 4%, rgba(249,115,22,.08), transparent 24rem),
        radial-gradient(circle at 92% 12%, rgba(22,163,74,.06), transparent 23rem),
        var(--az-cream);
    color: var(--az-ink);
    font-family: 'Noto Naskh Arabic', Tahoma, Arial, sans-serif;
}

body.az-home-v2 .home-moved-section,
body.az-home-v2 .home-moved-section[hidden] { display: none !important; }

body.az-home-v2 .top-strip {
    background: #fffaf4;
    border-bottom: 1px solid var(--az-line);
    color: #596274;
}
body.az-home-v2 .top-strip a,
body.az-home-v2 .top-strip button { color: #596274; }
body.az-home-v2 .top-strip i { color: var(--az-orange); }

body.az-home-v2 .market-header {
    background: rgba(255,255,255,.94);
    border-bottom: 1px solid rgba(226,218,207,.9);
    box-shadow: 0 10px 32px rgba(42,35,27,.055);
    backdrop-filter: blur(16px);
}
body.az-home-v2 .market-header.is-scrolled { box-shadow: 0 14px 36px rgba(42,35,27,.1); }
body.az-home-v2 .header-nav-row { border-top-color: #f0e9df; }
body.az-home-v2 #desktop-navigation a { color: #566174; }
body.az-home-v2 #desktop-navigation a:hover { color: var(--az-orange); background: #fff4e8; }
body.az-home-v2 .live-data-badge { color: #28785b; background: #edf9f3; border-color: #d6eee2; }
body.az-home-v2 .category-trigger,
body.az-home-v2 .header-icon-action,
body.az-home-v2 .header-action { border-color: #e8e0d5; background: #fff; }
body.az-home-v2 .header-search { border-color: #f1a063; box-shadow: 0 0 0 3px rgba(249,115,22,.06); }
body.az-home-v2 .header-search input { background:#fff; color:var(--az-ink); }
body.az-home-v2 .header-search button { background: linear-gradient(135deg,var(--az-orange),#fb923c); }
body.az-home-v2 .market-brand small { color: var(--az-orange); }

/* New light hero */
body.az-home-v2 .premium-hero {
    min-height: auto;
    padding: 62px 0 52px;
    overflow: hidden;
    color: var(--az-ink);
    background:
        radial-gradient(circle at 86% 24%, rgba(249,115,22,.15), transparent 24rem),
        radial-gradient(circle at 12% 80%, rgba(16,185,129,.10), transparent 22rem),
        linear-gradient(135deg, #fffaf4 0%, #f5efe6 58%, #fff 100%);
    border-bottom: 1px solid var(--az-line);
}
body.az-home-v2 .premium-hero::before,
body.az-home-v2 .premium-hero::after { display:none !important; }
body.az-home-v2 .premium-hero .hero-ambient { opacity:.12; filter: blur(8px); }
body.az-home-v2 .premium-hero .hero-grid {
    min-height: 520px;
    align-items: center;
    gap: 48px;
}
body.az-home-v2 .premium-hero .hero-copy { max-width: 660px; }
body.az-home-v2 .premium-hero .hero-kicker {
    color: #8b4b19;
    background: #fff3e5;
    border: 1px solid #f3d3b6;
    box-shadow: none;
}
body.az-home-v2 .premium-hero .hero-copy h1 {
    max-width: 720px;
    color: var(--az-ink);
    font-size: clamp(42px, 5vw, 76px);
    line-height: 1.22;
    text-shadow: none;
}
body.az-home-v2 .premium-hero .hero-copy h1 em {
    color: var(--az-orange);
    -webkit-text-fill-color: var(--az-orange);
    background: none;
}
body.az-home-v2 .premium-hero .hero-copy > p { color:#596477; font-size:19px; line-height:2; }
body.az-home-v2 .premium-hero .hero-search {
    background:#fff;
    border:1px solid #eadfce;
    box-shadow: 0 16px 35px rgba(70,52,31,.08);
}
body.az-home-v2 .premium-hero .hero-search input { color:var(--az-ink); background:transparent; }
body.az-home-v2 .premium-hero .hero-search input::placeholder { color:#9aa2af; }
body.az-home-v2 .premium-hero .hero-search i { color:#718096; }
body.az-home-v2 .premium-hero .hero-search button,
body.az-home-v2 .hero-primary { background:linear-gradient(135deg,var(--az-orange),#fb923c); color:#fff; }
body.az-home-v2 .hero-secondary { background:#fff; color:var(--az-ink); border:1px solid #e5dbcd; }
body.az-home-v2 .premium-hero .hero-stat {
    background:rgba(255,255,255,.75);
    border-color:#e9dfd1;
    color:var(--az-ink);
    box-shadow:none;
}
body.az-home-v2 .premium-hero .hero-stat b { color:var(--az-orange); }
body.az-home-v2 .premium-hero .hero-stat small { color:#6e7787; }

body.az-home-v2 .premium-hero .hero-visual {
    min-height: 470px;
    border: 1px solid #e6dccf;
    background:
        linear-gradient(145deg, rgba(255,255,255,.92), rgba(250,244,235,.94));
    box-shadow: var(--az-shadow);
}
body.az-home-v2 .premium-hero .hero-visual::before {
    display:block !important;
    background: radial-gradient(circle, rgba(249,115,22,.08), transparent 68%);
}
body.az-home-v2 .premium-hero .visual-globe {
    color:#d7e6e9;
    background:#f9fcfd;
    border:1px solid #deeaec;
    box-shadow: inset 0 0 0 20px rgba(235,245,247,.55);
}
body.az-home-v2 .premium-hero .route-line { border-color:#8bcbd0; }
body.az-home-v2 .premium-hero .route-dot { background:#0f7f88; box-shadow:0 0 0 7px rgba(15,127,136,.10); }
body.az-home-v2 .premium-hero .moving-cargo { color:var(--az-orange); background:#fff1e6; }
body.az-home-v2 .premium-hero .route-node,
body.az-home-v2 .premium-hero .hero-trust-chip {
    background:rgba(255,255,255,.94);
    border-color:#e6dccf;
    color:var(--az-ink);
    box-shadow:0 12px 26px rgba(69,54,36,.10);
}
body.az-home-v2 .premium-hero .route-node small,
body.az-home-v2 .premium-hero .hero-trust-chip small { color:#7b8492; }
body.az-home-v2 .premium-hero .cargo-stack span { background:#fff; border-color:#eadfce; color:var(--az-orange); }
body.az-home-v2 .hero-proof { color:#5f697a; }
body.az-home-v2 .hero-proof article { background:#fff; border-color:#e9dfd2; box-shadow:0 10px 24px rgba(54,45,35,.05); }

/* Product-first section rhythm */
body.az-home-v2 .category-section,
body.az-home-v2 .product-band,
body.az-home-v2 .new-arrivals-section,
body.az-home-v2 .all-products-section,
body.az-home-v2 .trust-section,
body.az-home-v2 .reviews-section { background:transparent; }
body.az-home-v2 .category-section { padding-top:54px; padding-bottom:28px; }
body.az-home-v2 .product-band { padding-top:34px; padding-bottom:28px; }
body.az-home-v2 .new-arrivals-section { padding-top:24px; padding-bottom:34px; }
body.az-home-v2 .all-products-section { padding-top:38px; }
body.az-home-v2 .section-heading h2,
body.az-home-v2 .reviews-copy h2 { color:var(--az-ink); }
body.az-home-v2 .section-heading p,
body.az-home-v2 .reviews-copy p { color:var(--az-muted); }
body.az-home-v2 .section-kicker { color:#a14d0a; background:#fff2e6; border-color:#f1d1b4; }
body.az-home-v2 .category-card,
body.az-home-v2 .product-card,
body.az-home-v2 .products-sidebar,
body.az-home-v2 .products-toolbar,
body.az-home-v2 .review-stage,
body.az-home-v2 .reviews-copy {
    border-color:#e8dfd3;
    background:#fff;
    box-shadow:0 14px 34px rgba(60,49,35,.055);
}
body.az-home-v2 .category-card:hover,
body.az-home-v2 .product-card:hover { transform:translateY(-5px); border-color:#f1b17f; box-shadow:0 20px 42px rgba(65,50,32,.10); }
body.az-home-v2 .category-card.is-active { background:#fff4e9; border-color:#f5a566; }
body.az-home-v2 .product-card-media { background:#f8f5f0; }
body.az-home-v2 .product-card h3,
body.az-home-v2 .product-card h3 button { color:var(--az-ink); }
body.az-home-v2 .product-short-description { color:#737c8a; }
body.az-home-v2 .product-price strong { color:#0d7b59; }
body.az-home-v2 .details-button { color:#334155; background:#f5f7fa; }
body.az-home-v2 .whatsapp-button { background:#0aa66f; }
body.az-home-v2 .cart-button { background:#fff1e5; color:var(--az-orange); }
body.az-home-v2 .products-layout { align-items:start; }
body.az-home-v2 .products-toolbar { position:relative; top:auto; }

/* Compact journey banner */
body.az-home-v2 .experience-preview { padding:70px 0; }
body.az-home-v2 .experience-preview-card {
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:1.02fr .98fr;
    align-items:center;
    gap:48px;
    padding:52px;
    border:1px solid #e1d5c7;
    border-radius:34px;
    background:
      radial-gradient(circle at 10% 10%,rgba(249,115,22,.12),transparent 18rem),
      linear-gradient(135deg,#fff,#f4ede4);
    box-shadow:var(--az-shadow);
}
body.az-home-v2 .experience-preview-copy h2 { margin:14px 0 12px; color:var(--az-ink); font-size:clamp(30px,3.2vw,48px); line-height:1.35; }
body.az-home-v2 .experience-preview-copy p { margin:0 0 24px; color:#687181; font-size:17px; line-height:2; }
body.az-home-v2 .experience-preview-route {
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    align-items:center;
    gap:14px;
    padding:28px;
    border:1px solid #e6dccf;
    border-radius:28px;
    background:rgba(255,255,255,.78);
}
body.az-home-v2 .route-stage { min-height:116px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; border:1px solid #ede3d8; border-radius:22px; background:#fff; color:var(--az-ink); }
body.az-home-v2 .route-stage i { display:grid; place-items:center; width:48px; height:48px; border-radius:16px; background:#fff1e4; color:var(--az-orange); font-size:20px; }
body.az-home-v2 .route-connector { color:#d8742e; font-size:22px; animation:azRouteFloat 2.4s ease-in-out infinite; }
@keyframes azRouteFloat { 50% { transform:translateY(-5px); } }

body.az-home-v2 .trust-section { padding-top:36px; }
body.az-home-v2 .trust-grid article { background:#fff; border-color:#e8dfd3; box-shadow:0 12px 30px rgba(58,46,32,.05); }
body.az-home-v2 .reviews-section { padding-top:58px; }
body.az-home-v2 .contact-panel { background:linear-gradient(135deg,#1d2939,#344054); box-shadow:var(--az-shadow); }
body.az-home-v2 .market-footer { background:#182231; }

/* Language direction */
html[dir="ltr"] body.az-home-v2 { font-family: Inter, Arial, sans-serif; }
html[dir="ltr"] body.az-home-v2 .hero-copy,
html[dir="ltr"] body.az-home-v2 .section-heading,
html[dir="ltr"] body.az-home-v2 .experience-preview-copy,
html[dir="ltr"] body.az-home-v2 .reviews-copy { text-align:left; }
html[dir="ltr"] body.az-home-v2 .header-search input,
html[dir="ltr"] body.az-home-v2 input,
html[dir="ltr"] body.az-home-v2 select { text-align:left; }
html[dir="ltr"] body.az-home-v2 .market-brand-logo,
html[dir="ltr"] body.az-home-v2 i { direction:ltr; }

/* Keep the public page light even when the old dark-theme preference exists. */
html[data-theme="dark"] body.az-home-v2,
html[data-theme="dark"] body.az-home-v2 .category-section,
html[data-theme="dark"] body.az-home-v2 .product-band,
html[data-theme="dark"] body.az-home-v2 .new-arrivals-section,
html[data-theme="dark"] body.az-home-v2 .all-products-section,
html[data-theme="dark"] body.az-home-v2 .trust-section,
html[data-theme="dark"] body.az-home-v2 .reviews-section { background-color:var(--az-cream); color:var(--az-ink); }
html[data-theme="dark"] body.az-home-v2 .premium-hero { color:var(--az-ink); }
html[data-theme="dark"] body.az-home-v2 .product-card,
html[data-theme="dark"] body.az-home-v2 .category-card,
html[data-theme="dark"] body.az-home-v2 .products-sidebar,
html[data-theme="dark"] body.az-home-v2 .products-toolbar { background:#fff; color:var(--az-ink); }

@media (max-width: 1050px) {
    body.az-home-v2 .premium-hero .hero-grid,
    body.az-home-v2 .experience-preview-card { grid-template-columns:1fr; }
    body.az-home-v2 .premium-hero .hero-visual { min-height:410px; }
    body.az-home-v2 .experience-preview-route { max-width:760px; width:100%; }
}

@media (max-width: 700px) {
    body.az-home-v2 .premium-hero { padding:34px 0 30px; }
    body.az-home-v2 .premium-hero .hero-grid { min-height:auto; gap:28px; }
    body.az-home-v2 .premium-hero .hero-copy h1 { font-size:38px; }
    body.az-home-v2 .premium-hero .hero-copy > p { font-size:16px; }
    body.az-home-v2 .premium-hero .hero-visual { min-height:340px; }
    body.az-home-v2 .experience-preview { padding:44px 0; }
    body.az-home-v2 .experience-preview-card { padding:28px 20px; border-radius:25px; }
    body.az-home-v2 .experience-preview-route { grid-template-columns:1fr; }
    body.az-home-v2 .route-connector { transform:rotate(90deg); }
    body.az-home-v2 .route-stage { min-height:92px; }
}

/* Keep new-arrival band in the same light Experience palette. */
body.az-home-v2 .arrival-banner {
    color: var(--az-ink);
    border: 1px solid #e3d8ca;
    background:
        radial-gradient(circle at 12% 18%, rgba(249,115,22,.12), transparent 18rem),
        linear-gradient(135deg, #fffaf4, #ffffff 60%, #f3ede5);
    box-shadow: var(--az-shadow);
}
body.az-home-v2 .arrival-banner .light-kicker {
    color: #a14d0a;
    background: #fff2e6;
    border-color: #f1d1b4;
}
body.az-home-v2 .arrival-banner h2 { color: var(--az-ink); }
body.az-home-v2 .arrival-banner p { color: var(--az-muted); }
body.az-home-v2 .arrival-preview-item {
    border-color: #fff;
    background: #fff;
    box-shadow: 0 12px 28px rgba(63,49,32,.10);
}
body.az-home-v2 .arrival-banner .light-button {
    border-color: #e2d8ca;
    background: #fff;
    color: var(--az-ink);
}
body.az-home-v2 .arrival-banner .light-button:hover {
    border-color: #f2a56f;
    color: var(--az-orange-dark);
}