/* ================================================================
   SNAPSELLGO REBRAND v2 — Navy + Gold, Clean, No Shadows
   Style cible : Knight Frank / Thai Life Real Estate
   Fond hero navy · boutons or · typographie blanche · zéro ombre
   ================================================================ */

/* ── 1. TOKENS ──────────────────────────────────────────────── */
:root {
    --ssg-navy:      #1A2F6F;
    --ssg-navy-d:    #122254;
    --ssg-navy-l:    #2A4A9E;
    --ssg-gold:      #C9860A;
    --ssg-gold-l:    #E5A020;
    --ssg-bg:        #F8F7F4;
    --ssg-white:     #ffffff;
    --ssg-text:      #1A1A1A;
    --ssg-muted:     #6B6B6B;
    --ssg-border:    #E2E0DB;
    --ssg-badge:     #EEF0F8;
}

/* ── 2. BODY ─────────────────────────────────────────────────── */
body { background: var(--ssg-bg) !important; }

/* ── 3. BARRE PROMO — navy plein, SEARCH button gold ─────────── */
.snpsf-wrap .snpsf-ann {
    background: var(--ssg-navy) !important;
    background-image: none !important;
    color: #fff !important;
    font-size: 13px !important;
    letter-spacing: .03em !important;
}
.snpsf-wrap .snpsf-ann::before { display: none !important; }

.snpsf-wrap .snpsf-trusted-pill {
    background: rgba(255,255,255,.15) !important;
    border: 1px solid rgba(255,255,255,.35) !important;
    color: #fff !important;
    border-radius: 4px !important;
}

/* Bouton "Open my shop" dans la barre promo → gold */
.snpsf-wrap .snpsf-ann a,
.snpsf-wrap .snpsf-ann .snpsf-ann-cta {
    background: var(--ssg-gold) !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 4px 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* ── 4. STOREFRONT / HERO — fond navy, auvent supprimé ────────── */
.snpsf-wrap .snpsf-storefront {
    background: var(--ssg-navy) !important;
    background-image: none !important;
}
/* Supprime l'auvent visuel */
.snpsf-wrap .snpsf-aw,
.snpsf-wrap .snpsf-stripes,
.snpsf-wrap .snpsf-aw-sh { display: none !important; }

/* Zone sous le hero → transition navy → bg clair */
.snpsf-wrap .snpsf-hdr-zone {
    background: linear-gradient(180deg, var(--ssg-navy) 0%, var(--ssg-bg) 100%) !important;
    padding: 24px 16px 36px !important;
}

/* ── 5. BARRE DE RECHERCHE — fond blanc, bordure nette ─────────── */
.snpsf-wrap .snpsf-srch-zone {
    background: var(--ssg-navy) !important;
    padding: 0 0 24px !important;
}
.snpsf-wrap .snpsf-pill-bar {
    border: 1.5px solid var(--ssg-border) !important;
    box-shadow: none !important;
    border-radius: 8px !important;
}
.snpsf-wrap .snpsf-pill-sep { background: var(--ssg-border) !important; }
.snpsf-wrap .snpsf-pill-btn:hover { background: var(--ssg-badge) !important; }

/* Bouton SEARCH → gold */
.snpsf-wrap .snpsf-go-btn {
    background: var(--ssg-gold) !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-weight: 700 !important;
}
.snpsf-wrap .snpsf-go-btn:hover {
    background: var(--ssg-gold-l) !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Bouton Filters → navy sur fond blanc de la pill-bar */
.snpsf-wrap .snpsf-filters-btn {
    background: var(--ssg-badge) !important;
    border: 1.5px solid #D5D9E8 !important;
    color: var(--ssg-navy) !important;
    border-radius: 6px !important;
}
.snpsf-wrap .snpsf-filters-btn:hover {
    background: #D5D9E8 !important;
    border-color: var(--ssg-navy) !important;
}

/* Dropdowns pill-bar */
.snpsf-wrap .snpsf-dd-panel {
    border-color: var(--ssg-border) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.10) !important;
}
.snpsf-wrap .snpsf-dd-item:hover {
    background: var(--ssg-badge) !important;
    color: var(--ssg-navy) !important;
}
.snpsf-wrap .snpsf-dd-active { color: var(--ssg-navy) !important; }

/* ── 6. VENDOR CARD — accent navy, 0 ombre rouge ──────────────── */
.snpsf-wrap .snpsf-vcard::before {
    background: var(--ssg-navy) !important;
}
.snpsf-wrap .snpsf-vcard {
    box-shadow: none !important;
    border: 1px solid var(--ssg-border) !important;
}
.snpsf-wrap .snpsf-vtop-cat { color: var(--ssg-navy) !important; }
.snpsf-wrap .snpsf-trusted-badge {
    background: var(--ssg-badge) !important;
    border-color: rgba(26,47,111,.15) !important;
    color: var(--ssg-navy) !important;
}
.snpsf-wrap .snpsf-stat-val,
.snpsf-wrap .snpsf-stat-num { color: var(--ssg-navy) !important; }

/* Bouton "View shop" → gold */
.snpsf-wrap .snpsf-view-btn {
    background: var(--ssg-gold) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #fff !important;
}
.snpsf-wrap .snpsf-view-btn:hover {
    background: var(--ssg-gold-l) !important;
    box-shadow: none !important;
    transform: none !important;
}

/* ── 7. PILLS SOUS-CATÉGORIES — navy actif ─────────────────────── */
.snpsf-wrap .snpsf-pill.active {
    background: var(--ssg-navy) !important;
    border-color: var(--ssg-navy) !important;
    color: #fff !important;
    box-shadow: none !important;
}
.snpsf-wrap .snpsf-pill:hover {
    border-color: var(--ssg-navy) !important;
    color: var(--ssg-navy) !important;
    background: var(--ssg-badge) !important;
}

/* "See All →" links → navy */
.snpsf-wrap .snpsf-seeall { color: var(--ssg-navy) !important; }

/* Séparateur entre sections → ligne simple */
.snpsf-wrap .snpsf-div {
    background: var(--ssg-border) !important;
    height: 1px !important;
}

/* ── 8. PRODUCT CARDS — 0 ombre orange, hover navy ────────────── */
.snpsf-wrap .snpsf-card:hover .snpsf-face.front {
    box-shadow: 0 4px 16px rgba(0,0,0,.10) !important;
}
.snpsf-wrap .snpsf-thumb {
    background: var(--ssg-badge) !important;
}
.snpsf-wrap .snpsf-clbl { color: var(--ssg-navy) !important; }
.snpsf-wrap .snpsf-cprice { color: var(--ssg-navy) !important; }

/* Nav carousel → navy */
.snpsf-wrap .snpsf-nav:hover {
    background: var(--ssg-navy) !important;
    border-color: var(--ssg-navy) !important;
    box-shadow: none !important;
}

/* Plan chip badge → gold pour premium, navy sinon */
.snpsf-wrap .snpsf-plan-chip[style*="vip"],
.snpsf-wrap .snpsf-pbadge[style*="vip"] { background: var(--ssg-gold) !important; }

/* ── 9. SELLER CARDS — 0 ombre rouge ──────────────────────────── */
.snpsf-wrap .snpsf-scard:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
    border-color: var(--ssg-navy) !important;
    transform: none !important;
}
.snpsf-wrap .snpsf-savt {
    background: linear-gradient(135deg, var(--ssg-badge), var(--ssg-navy-l)) !important;
    border-color: var(--ssg-navy) !important;
}

/* Vendor banner grid — label rouge → navy */
.snpsf-wrap .snpsf-vgrid-label { color: var(--ssg-navy) !important; }
.snpsf-wrap .snpsf-vgrid-item:hover {
    border-color: var(--ssg-navy) !important;
    box-shadow: none !important;
    transform: none !important;
}
.snpsf-wrap .snpsf-vgrid-thumb { background: var(--ssg-badge) !important; }
.snpsf-wrap .snpsf-vgrid-price { color: var(--ssg-navy) !important; }

/* ── 10. NAVBAR TEMPLATE — liens et icônes ─────────────────────── */
/* Liens nav principaux (HOME, WORLD GUIDE, etc.) → navy */
#sp-menu .sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > a { color: var(--ssg-navy) !important; }
#sp-menu .sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li:hover > a { color: var(--ssg-navy-d) !important; }

/* Icônes catégories navbar (sg-nav) → navy, 0 fond orange */
.sg-nav .sg-icon-wrap {
    background: var(--ssg-badge) !important;
    color: var(--ssg-navy) !important;
    border: 1px solid var(--ssg-border) !important;
    box-shadow: none !important;
}
.sg-nav .sg-btn { color: var(--ssg-muted) !important; }
.sg-nav .sg-btn:hover .sg-icon-wrap {
    background: var(--ssg-navy) !important;
    color: #fff !important;
    border-color: var(--ssg-navy) !important;
}
.sg-nav .sg-label { color: var(--ssg-text) !important; font-size: 11px !important; }

/* Lien "Open my shop" / CTA navbar → gold */
#sp-top-bar .btn-primary,
#sp-top-bar a.btn,
.sp-top-bar .snpsf-ann a {
    background: var(--ssg-gold) !important;
    border-color: var(--ssg-gold) !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* Offcanvas toggler → navy */
#offcanvas-toggler > .fa,
#offcanvas-toggler > .fas,
#offcanvas-toggler > .far { color: var(--ssg-navy) !important; }

/* ── 11. BOUTONS GLOBAUX — navy primaire, gold CTA shop ───────── */
.btn-primary,
.sppb-btn-primary,
body .sppb-btn.sppb-btn-primary,
body .btn.btn-primary {
    background: var(--ssg-navy) !important;
    background-image: none !important;
    border-color: var(--ssg-navy) !important;
    box-shadow: none !important;
    color: #fff !important;
}
.btn-primary:hover,
.sppb-btn-primary:hover,
body .sppb-btn.sppb-btn-primary:hover,
body .btn.btn-primary:hover {
    background: var(--ssg-navy-d) !important;
    background-image: none !important;
    border-color: var(--ssg-navy-d) !important;
    box-shadow: none !important;
    color: #fff !important;
}

/* ── 12. DJ-CLASSIFIEDS — variables + prix + badges ───────────── */
/* Variables à la source déjà changées — ces règles servent de filet */
#dj-classifieds .item_price,
.item_price { color: var(--ssg-text) !important; font-weight: 700 !important; }

#dj-classifieds .item_row:hover {
    border-color: var(--ssg-navy) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.08) !important;
    transform: translateY(-3px) !important;
}

/* Type badges */
#dj-classifieds .bt_forsale { background: var(--ssg-navy) !important; color: #fff !important; }
#dj-classifieds .bt_auction { background: var(--ssg-navy-d) !important; color: #fff !important; }
#dj-classifieds .bt_rent    { background: #EEF5EE !important; color: #2A6B2A !important; border: 1px solid #C5DEC5 !important; }
#dj-classifieds .bt_wanted  { background: var(--ssg-gold) !important; color: #fff !important; }

/* Pagination active */
#dj-classifieds .pagination ul li.active,
#dj-classifieds .pagination ul li.activepage {
    background: var(--ssg-navy) !important;
    background-image: none !important;
    border-color: var(--ssg-navy) !important;
    box-shadow: none !important;
}
#dj-classifieds .pagination ul li { box-shadow: none !important; }

/* Sort bar actif */
#dj-classifieds .dj-items_order_by_values a.active,
#dj-classifieds .dj-items_order_by_values a.active_asc,
#dj-classifieds .dj-items_order_by_values a.active_desc {
    background: var(--ssg-navy) !important;
    border-color: var(--ssg-navy) !important;
    color: #fff !important;
}

/* ── 13. MEGA-MENU CLASSIFIEDS — icônes navy ───────────────────── */
.header-right .sp-megamenu-parent > a,
#sp-menu .sp-megamenu-parent > a {
    color: var(--ssg-navy) !important;
    background: rgba(26,47,111,.05) !important;
    border: 1.5px solid transparent !important;
}
.header-right .sp-megamenu-parent > a:hover,
#sp-menu .sp-megamenu-parent > a:hover {
    background: var(--ssg-navy) !important;
    color: #fff !important;
    border-color: var(--ssg-navy) !important;
}
.header-right .sp-dropdown-inner > .sp-menu-item > a::before,
#sp-menu .sp-dropdown-inner > .sp-menu-item > a::before {
    background: var(--ssg-badge) !important;
    color: var(--ssg-navy) !important;
}
.header-right .sp-dropdown-inner > .sp-menu-item > a:hover,
#sp-menu .sp-dropdown-inner > .sp-menu-item > a:hover {
    background: var(--ssg-badge) !important;
    border-color: var(--ssg-navy) !important;
    color: var(--ssg-navy) !important;
    box-shadow: none !important;
}
.header-right .sp-dropdown-inner > .sp-menu-item:last-child > a,
#sp-menu .sp-dropdown-inner > .sp-menu-item:last-child > a {
    color: var(--ssg-navy) !important;
    background: rgba(26,47,111,.03) !important;
}

/* ── 14. SUPPRESSION DES OMBRES PARTOUT ───────────────────────── */
.item_row           { box-shadow: none !important; }
.snpsf-wrap *       { text-shadow: none !important; }
.dj_cf_search       { box-shadow: none !important; }
.snpsf-wrap .snpsf-vavt { box-shadow: none !important; }
.snpsf-wrap .snpsf-scard { box-shadow: none !important; }
.snpsf-wrap .snpsf-face  { box-shadow: none !important; }

/* ── 15. ANCIEN LOGO PICKEENOO — masqué ───────────────────────── */
img[src*="pickeenoo"], img[alt*="Pickeenoo"] { display: none !important; }

/* ── 16. REGISTER PAGE → navy ──────────────────────────────────── */
body.com-comprofiler.view-registers .cb-page-header,
body.com-comprofiler.view-registers .cbRegistrationHeader,
body.com-comprofiler.view-registers .cbRegistration::before {
    background: var(--ssg-navy) !important;
    background-image: none !important;
}
body.com-comprofiler.view-registers .cbRegistrationSubmit,
body.com-comprofiler.view-registers .cbRegistrationButtons .btn-primary {
    background: var(--ssg-navy) !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* ── 17. ACCESSIBILITÉ ──────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .snpsf-wrap .snpsf-ann::before,
    .snpsf-wrap .snpsf-online::before { animation: none !important; }
    *, *::before, *::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}

/* ── 18. MOBILE ─────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .snpsf-wrap .snpsf-ann { font-size: 12px !important; padding: 8px 10px !important; }
    .snpsf-wrap .snpsf-go-btn { width: 100% !important; justify-content: center !important; }
}
/* ================================================================
   FIN snapsellgo-rebrand.css v2 — 2026-05-18
   ================================================================ */