/*
Theme Name: Neİstiyorsan Pazaryeri Teması
Theme URI: https://neistiyorsan.com
Author: Neİstiyorsan Geliştirme Ekibi
Author URI: https://neistiyorsan.com
Description: neistiyorsan.com için özel geliştirilmiş; Temu tarzı üst mağaza açma ve fırsat duyuru barı, Hepsiburada ve PttAVM tarzı kategori/vitrin mimarisi, Kupon Avantajları Merkezi, Onaylı Satıcı Mağaza Vitrini ve iOS/Android Mobil Uygulama indirme alanlarına sahip WooCommerce & Dokan Pro 4.3.3 pazaryeri teması.
Version: 2.0.0
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: neistiyorsan
Tags: e-commerce, custom-logo, custom-menu, featured-images, full-width-template, translation-ready
*/

:root {
    --ni-primary: #ff6000;
    --ni-primary-dark: #e05200;
    --ni-primary-soft: #fff7ed;
    --ni-secondary: #0f172a;
    --ni-ptt-blue: #004b93;
    --ni-temu-orange: #fb5607;
    --ni-surface: #ffffff;
    --ni-bg: #f4f6f9;
    --ni-border: #e2e8f0;
    --ni-text: #1e293b;
    --ni-muted: #64748b;
    --ni-success: #16a34a;
    --ni-danger: #dc2626;
    --ni-radius: 12px;
    --ni-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: var(--ni-bg);
    color: var(--ni-text);
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
    transition: all 0.2s ease;
}

.ni-container {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 18px;
}

/* ==========================================================================
   1. TEMU.COM STYLE TOP ANNOUNCEMENT & SELLER ONBOARDING BAR
   ========================================================================== */
.ni-temu-bar {
    background: linear-gradient(90deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);
    color: #ffffff;
    font-size: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ni-temu-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    gap: 12px;
    flex-wrap: wrap;
}

.ni-temu-perks {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.ni-temu-perk-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    color: #f8fafc;
    background: rgba(255, 255, 255, 0.08);
    padding: 4px 11px;
    border-radius: 999px;
    font-size: 12px;
}

.ni-temu-perk-item span.ni-perk-icon {
    color: #fbbf24;
    font-size: 14px;
}

.ni-temu-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ni-temu-countdown {
    background: rgba(220, 38, 38, 0.25);
    border: 1px solid #f87171;
    color: #fecaca;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.ni-temu-seller-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(90deg, #ff6000 0%, #f59e0b 100%);
    color: #ffffff !important;
    font-weight: 800;
    font-size: 12.5px;
    padding: 5px 14px;
    border-radius: 999px;
    box-shadow: 0 2px 10px rgba(255, 96, 0, 0.35);
}

.ni-temu-seller-cta:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

.ni-temu-app-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #cbd5e1 !important;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
}

.ni-temu-app-link:hover {
    color: #ffffff !important;
}

/* ==========================================================================
   2. HEPSIBURADA & PTTAVM STYLE MAIN HEADER
   ========================================================================== */
.ni-header {
    background: var(--ni-surface);
    position: sticky;
    top: 0;
    z-index: 999;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}

.ni-header-main {
    display: grid;
    grid-template-columns: 220px 175px 1fr auto;
    align-items: center;
    gap: 16px;
    padding: 16px 0 12px;
}

.ni-brand {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.ni-brand-title {
    font-size: 27px;
    font-weight: 900;
    color: var(--ni-secondary);
    letter-spacing: -0.7px;
}

.ni-brand-title span {
    color: var(--ni-primary);
}

.ni-brand-sub {
    font-size: 11px;
    font-weight: 700;
    color: var(--ni-muted);
    letter-spacing: 0.4px;
    margin-top: 2px;
}

/* Hepsiburada Style Location Pill */
.ni-location-box {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--ni-primary-soft);
    border: 1px solid #fed7aa;
    padding: 7px 12px;
    border-radius: 10px;
    cursor: pointer;
}

.ni-location-icon {
    font-size: 18px;
    color: var(--ni-primary);
}

.ni-location-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.ni-location-text small {
    font-size: 11px;
    color: var(--ni-muted);
    font-weight: 600;
}

.ni-location-text strong {
    font-size: 12.5px;
    color: var(--ni-secondary);
}

/* Search Bar + Quick Trending Keywords */
.ni-search-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ni-search-form {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 2px solid var(--ni-primary);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(255, 96, 0, 0.08);
}

.ni-search-select {
    border: none;
    background: #f8fafc;
    padding: 11px 12px;
    font-size: 13px;
    font-weight: 600;
    color: var(--ni-text);
    border-right: 1px solid var(--ni-border);
    outline: none;
    max-width: 155px;
}

.ni-search-input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 11px 14px;
    font-size: 14px;
    color: var(--ni-text);
    outline: none;
}

.ni-search-btn {
    background: var(--ni-primary);
    color: #ffffff;
    border: none;
    padding: 11px 22px;
    font-weight: 800;
    font-size: 14px;
    cursor: pointer;
}

.ni-search-btn:hover {
    background: var(--ni-primary-dark);
}

.ni-trending-tags {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11.5px;
    color: var(--ni-muted);
    overflow-x: auto;
    white-space: nowrap;
}

.ni-trending-tags a {
    color: var(--ni-muted);
    background: #f1f5f9;
    padding: 1px 8px;
    border-radius: 999px;
}

.ni-trending-tags a:hover {
    color: var(--ni-primary);
    background: var(--ni-primary-soft);
}

/* Header Action Buttons */
.ni-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ni-action-card {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    border-radius: 10px;
    border: 1px solid var(--ni-border);
    background: #ffffff;
    font-size: 13px;
    line-height: 1.2;
}

.ni-action-card:hover {
    border-color: var(--ni-primary);
}

.ni-action-card small {
    display: block;
    font-size: 10.5px;
    color: var(--ni-muted);
    font-weight: 600;
}

.ni-action-card strong {
    font-size: 13px;
    color: var(--ni-secondary);
}

.ni-action-card.ni-seller-btn {
    background: #fff7ed;
    border-color: #fdba74;
}

.ni-action-card.ni-seller-btn strong {
    color: #c2410c;
}

.ni-action-card.ni-cart-btn {
    background: var(--ni-secondary);
    border-color: var(--ni-secondary);
    color: #ffffff !important;
    padding: 10px 16px;
    font-weight: 700;
}

.ni-cart-badge {
    background: var(--ni-primary);
    color: #ffffff;
    font-size: 12px;
    padding: 2px 7px;
    border-radius: 999px;
    font-weight: 800;
}

/* Hepsiburada 5-Color Signature Accent Line */
.ni-hb-rainbow {
    height: 5px;
    width: 100%;
    background: linear-gradient(
        90deg,
        #ff6000 0%, #ff6000 25%,
        #7c3aed 25%, #7c3aed 45%,
        #0ea5e9 45%, #0ea5e9 65%,
        #16a34a 65%, #16a34a 82%,
        #f59e0b 82%, #f59e0b 100%
    );
}

/* PttAVM & Hepsiburada Category Navigation Bar */
.ni-catbar {
    background: #ffffff;
    border-bottom: 1px solid var(--ni-border);
}

.ni-catbar-inner {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 0;
    overflow-x: auto;
    white-space: nowrap;
}

.ni-all-cats-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--ni-secondary);
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    padding: 7px 14px;
    border-radius: 8px;
    flex-shrink: 0;
}

.ni-catbar-list {
    display: flex;
    align-items: center;
    gap: 18px;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13.5px;
    font-weight: 600;
}

.ni-catbar-pill-hot {
    background: #fef2f2;
    color: #dc2626 !important;
    border: 1px solid #fecaca;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 12.5px;
}

.ni-catbar-pill-coupon {
    background: #fff7ed;
    color: #c2410c !important;
    border: 1px solid #fed7aa;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 12.5px;
}

/* ==========================================================================
   3. STORY / QUICK CAMPAIGN BUBBLES (HEPSIBURADA / PTTAVM TARZI)
   ========================================================================== */
.ni-story-strip {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 12px;
    margin: 18px 0;
    background: #ffffff;
    padding: 16px;
    border-radius: var(--ni-radius);
    border: 1px solid var(--ni-border);
    box-shadow: var(--ni-shadow);
}

.ni-story-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 7px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ni-secondary);
}

.ni-story-circle {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    background: var(--ni-primary-soft);
    border: 2px solid var(--ni-primary);
    transition: transform 0.2s ease;
}

.ni-story-item:hover .ni-story-circle {
    transform: scale(1.08);
}

/* ==========================================================================
   4. HERO BENTO SHOWCASE (SLIDER + SUPER DEAL + SELLER CTA)
   ========================================================================== */
.ni-hero-bento {
    display: grid;
    grid-template-columns: 2.1fr 1fr;
    gap: 18px;
    margin-bottom: 28px;
}

.ni-hero-slider {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #334155 100%);
    color: #ffffff;
    border-radius: 16px;
    padding: 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    min-height: 340px;
}

.ni-hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--ni-primary);
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    padding: 5px 12px;
    border-radius: 999px;
    text-transform: uppercase;
    width: fit-content;
    margin-bottom: 12px;
}

.ni-hero-slider h1 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 12px;
    font-weight: 900;
}

.ni-hero-slider p {
    color: #cbd5e1;
    font-size: 15.5px;
    max-width: 560px;
    margin: 0 0 22px;
}

.ni-hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.ni-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--ni-primary);
    color: #ffffff !important;
    padding: 12px 22px;
    border-radius: 10px;
    font-weight: 800;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

.ni-btn-primary:hover {
    background: var(--ni-primary-dark);
}

.ni-btn-glass {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff !important;
    padding: 12px 22px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.ni-hero-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-top: 26px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.ni-hero-tab-btn {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #e2e8f0;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
}

.ni-hero-tab-btn.active,
.ni-hero-tab-btn:hover {
    background: var(--ni-primary);
    border-color: var(--ni-primary);
    color: #ffffff;
}

.ni-hero-side {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ni-super-deal-card {
    background: #ffffff;
    border: 2px solid var(--ni-primary);
    border-radius: 16px;
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ni-super-deal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.ni-super-deal-title {
    font-size: 16px;
    font-weight: 900;
    color: var(--ni-primary);
    display: flex;
    align-items: center;
    gap: 6px;
}

.ni-deal-timer {
    background: #0f172a;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    padding: 4px 9px;
    border-radius: 6px;
}

.ni-seller-onboard-card {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border: 1px solid #93c5fd;
    border-radius: 16px;
    padding: 20px;
    flex: 1;
}

/* ==========================================================================
   5. KUPON AVANTAJLARI MERKEZİ (COUPON CENTER - PERFORATED TICKETS)
   ========================================================================== */
.ni-coupon-section {
    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
    border: 1px solid #fed7aa;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 32px;
}

.ni-coupon-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 16px;
}

.ni-coupon-ticket {
    background: #ffffff;
    border: 1px dashed #fb923c;
    border-radius: 12px;
    display: flex;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 10px rgba(251, 146, 60, 0.12);
}

.ni-coupon-left {
    background: var(--ni-primary);
    color: #ffffff;
    width: 96px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px 8px;
    text-align: center;
    flex-shrink: 0;
}

.ni-coupon-left strong {
    font-size: 20px;
    font-weight: 900;
    line-height: 1.1;
}

.ni-coupon-left span {
    font-size: 11px;
    font-weight: 600;
    opacity: 0.9;
    margin-top: 4px;
}

.ni-coupon-right {
    padding: 12px 14px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ni-coupon-right h4 {
    margin: 0 0 4px;
    font-size: 14px;
    color: var(--ni-secondary);
}

.ni-coupon-right p {
    margin: 0 0 10px;
    font-size: 11.5px;
    color: var(--ni-muted);
}

.ni-coupon-copy-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.ni-coupon-code {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    padding: 3px 8px;
    border-radius: 6px;
    font-family: monospace;
    font-size: 12px;
    font-weight: 800;
    color: var(--ni-secondary);
}

.ni-coupon-btn {
    background: var(--ni-secondary);
    color: #ffffff;
    border: none;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 11.5px;
    font-weight: 700;
    cursor: pointer;
}

.ni-coupon-btn:hover {
    background: var(--ni-primary);
}

/* ==========================================================================
   6. SATICI MAĞAZALAR VİTRİNİ & MAĞAZA AVANTAJLARI
   ========================================================================== */
.ni-section {
    margin: 34px 0;
}

.ni-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    flex-wrap: wrap;
    gap: 10px;
}

.ni-section-title {
    font-size: 22px;
    font-weight: 900;
    color: var(--ni-secondary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ni-vendor-showcase-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.ni-store-card {
    background: #ffffff;
    border: 1px solid var(--ni-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--ni-shadow);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.ni-store-card:hover {
    transform: translateY(-4px);
    border-color: var(--ni-primary);
}

.ni-store-card-banner {
    height: 82px;
    background: linear-gradient(135deg, #0f172a 0%, #334155 100%);
    position: relative;
    background-size: cover;
    background-position: center;
}

.ni-store-card-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid #ffffff;
    background: #ffffff;
    object-fit: cover;
    position: absolute;
    bottom: -24px;
    left: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.ni-store-card-body {
    padding: 32px 16px 16px;
}

.ni-store-card-title {
    font-size: 16px;
    font-weight: 800;
    margin: 0 0 6px;
    color: var(--ni-secondary);
    display: flex;
    align-items: center;
    gap: 6px;
}

.ni-store-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}

.ni-badge-verified {
    background: #dcfce7;
    color: #15803d;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 999px;
}

.ni-badge-fast {
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 999px;
}

.ni-store-stats {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: var(--ni-muted);
    border-top: 1px solid #f1f5f9;
    padding-top: 10px;
    margin-bottom: 12px;
}

.ni-store-card-btn {
    display: block;
    text-align: center;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: var(--ni-secondary);
    font-weight: 700;
    font-size: 13px;
    padding: 8px;
    border-radius: 8px;
}

.ni-store-card:hover .ni-store-card-btn {
    background: var(--ni-primary);
    border-color: var(--ni-primary);
    color: #ffffff;
}

/* Seller Benefits Banner */
.ni-seller-benefits-box {
    background: #ffffff;
    border: 1px solid var(--ni-border);
    border-radius: 16px;
    padding: 24px;
    margin-top: 22px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.ni-benefit-step {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.ni-benefit-num {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--ni-primary-soft);
    color: var(--ni-primary);
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ==========================================================================
   7. iOS & ANDROID MOBİL UYGULAMA İNDİRME ALANI (APP DOWNLOAD BANNER)
   ========================================================================== */
.ni-app-banner {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #ff6000 140%);
    color: #ffffff;
    border-radius: 18px;
    padding: 36px 40px;
    margin: 40px 0;
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    align-items: center;
    gap: 28px;
}

.ni-app-banner h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 10px;
}

.ni-app-banner p {
    color: #cbd5e1;
    font-size: 15px;
    margin: 0 0 22px;
    max-width: 580px;
}

.ni-app-buttons {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.ni-store-dl-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #000000;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.28);
    padding: 10px 18px;
    border-radius: 10px;
    min-width: 175px;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.ni-store-dl-btn:hover {
    transform: translateY(-2px);
    border-color: var(--ni-primary);
}

.ni-store-dl-icon {
    font-size: 24px;
    line-height: 1;
}

.ni-store-dl-text {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    text-align: left;
}

.ni-store-dl-text small {
    font-size: 10px;
    color: #cbd5e1;
    text-transform: uppercase;
}

.ni-store-dl-text strong {
    font-size: 14.5px;
    font-weight: 800;
    color: #ffffff;
}

.ni-app-qr-card {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 14px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.ni-qr-placeholder {
    width: 88px;
    height: 88px;
    background: #ffffff;
    color: #0f172a;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 11px;
    text-align: center;
    padding: 6px;
    flex-shrink: 0;
}

/* ==========================================================================
   8. WOOCOMMERCE PRODUCT GRID & DOKAN OVERRIDES
   ========================================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: #ffffff;
    border: 1px solid var(--ni-border);
    border-radius: var(--ni-radius);
    padding: 14px;
    transition: all 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
    border-color: var(--ni-primary);
}

.woocommerce ul.products li.product .button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.dokan-btn-theme,
input[type="submit"].dokan-btn-theme,
a.dokan-btn-theme {
    background-color: var(--ni-primary) !important;
    border-color: var(--ni-primary) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
}

/* Footer */
.ni-footer {
    background: #0f172a;
    color: #cbd5e1;
    padding: 56px 0 32px;
    margin-top: 60px;
}

.ni-footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap: 32px;
    margin-bottom: 36px;
}

.ni-footer h4 {
    color: #ffffff;
    margin: 0 0 14px;
    font-size: 16px;
}

.ni-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ni-footer ul li {
    margin-bottom: 9px;
    font-size: 13.5px;
}

.ni-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 22px;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #94a3b8;
    flex-wrap: wrap;
    gap: 12px;
}

/* Toast Notification for Coupon Copy */
.ni-toast {
    position: fixed;
    bottom: 24px;
    right: 24px;
    background: #0f172a;
    color: #ffffff;
    border-left: 4px solid var(--ni-primary);
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    z-index: 99999;
    display: none;
}

/* Mobile Sticky Bottom Bar */
.ni-mobile-bar {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    border-top: 1px solid var(--ni-border);
    z-index: 9999;
    padding: 8px 12px;
    justify-content: space-around;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.06);
}

.ni-mobile-bar a {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--ni-secondary);
}

@media (max-width: 1024px) {
    .ni-header-main {
        grid-template-columns: 1fr;
    }
    .ni-story-strip {
        grid-template-columns: repeat(4, 1fr);
    }
    .ni-hero-bento,
    .ni-app-banner {
        grid-template-columns: 1fr;
    }
    .ni-coupon-grid,
    .ni-vendor-showcase-grid,
    .ni-seller-benefits-box,
    .ni-footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .ni-mobile-bar {
        display: flex;
    }
    body {
        padding-bottom: 64px;
    }
}

@media (max-width: 640px) {
    .ni-coupon-grid,
    .ni-vendor-showcase-grid,
    .ni-seller-benefits-box,
    .ni-footer-grid {
        grid-template-columns: 1fr;
    }
}
.ni-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:10px 0 28px}.ni-intro h1{font-size:32px;margin:0 0 10px}.ni-intro p{color:#64748b;margin:0}.ni-existing-campaigns .neist-home-campaigns{padding-left:0!important;padding-right:0!important}.ni-story-strip{justify-content:center}.ni-search-form .ni-search-select{max-width:130px}.ni-location-box{display:none}.ni-search-wrapper{min-width:0}.ni-store-grid .ni-store-card{display:flex;flex-direction:column}.ni-catbar-list{overflow-x:auto;white-space:nowrap}.ni-catbar-list li{flex-shrink:0}@media(max-width:767px){.ni-intro{display:block}.ni-intro h1{font-size:24px}.ni-intro .ni-btn-primary{margin-top:14px}.ni-search-form{flex-wrap:wrap}.ni-search-form .ni-search-select{width:50%;max-width:none}.ni-search-input{width:70%;min-width:0}.ni-search-btn{flex:1}.ni-temu-right{justify-content:center}.ni-temu-app-link{display:none}.ni-story-strip{justify-content:flex-start}.ni-header-main{padding:16px 0}}
@media(min-width:1101px){.ni-header-main{grid-template-columns:220px minmax(0,1fr) auto;gap:18px}}.ni-search-form{min-width:0}.ni-search-input{min-width:50px;flex:1}.ni-search-select{min-width:70px}.ni-header-actions{gap:8px}.ni-action-card{padding:10px}.ni-catbar-list{scrollbar-width:thin}
@media(max-width:1100px){.ni-header-main{grid-template-columns:1fr}}
@media(max-width:767px){.ni-temu-perks{display:none}.ni-temu-bar-inner{justify-content:center;padding:8px 12px}.ni-header-main{padding:14px 16px;gap:12px}.ni-header-actions{display:flex;justify-content:space-between}.ni-action-card{flex:1;padding:8px 5px;gap:4px}.ni-action-card strong{font-size:11px;white-space:nowrap}.ni-action-card small{font-size:9px}.ni-action-card>span{font-size:15px}.ni-search-form{display:grid;grid-template-columns:repeat(4,1fr)}.ni-search-form .ni-search-select{grid-column:span 2;width:100%;padding:10px;font-size:12px}.ni-search-input{grid-column:span 3;width:100%;padding:12px;font-size:12px}.ni-search-btn{grid-column:span 1;padding:10px;min-width:0}.ni-trending-tags{display:none}.ni-story-strip{display:flex;overflow-x:auto;padding:14px 10px;gap:12px;margin:18px 0;scrollbar-width:thin}.ni-story-item{flex:0 0 66px;min-width:0;font-size:10px}.ni-story-circle{width:48px;height:48px;font-size:22px;margin:auto auto 6px}.ni-intro{padding-bottom:16px}.ni-intro .ni-btn-primary{display:none}.ni-catbar-inner{padding:8px 12px}.ni-all-cats-btn{font-size:11px}.ni-catbar-list{font-size:11px}}