/*
Theme Name: SenTur
Theme URI: https://elele.sn
Author: SenTur Digital
Author URI: https://elele.sn
Description: Plateforme premium de listing fournisseurs et services cargo entre Türkiye et le Sénégal. Multilingue (FR, TR, EN, AR), WhatsApp intégré, système de confiance, monétisation multi-sources, vérification des utilisateurs.
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: el-ele
Tags: full-width-template, custom-menu, featured-images, translation-ready, directory, marketplace
Requires at least: 6.1
Tested up to: 6.7
Requires PHP: 8.0
*/

/* ══════════════════════════════════════════════════════════════
   SENTUR — Design System
   ══════════════════════════════════════════════════════════════ */
:root {
  --color-bg:#0a0e1a;--color-surface:#111827;--color-surface-2:#1a2234;--color-surface-3:#243049;
  --color-text:#f1f5f9;--color-text-muted:#94a3b8;
  --color-accent:#dc2626;--color-accent2:#ef4444;
  --color-gold:#d4a843;--color-gold2:#f0c66e;
  --color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;
  --color-border:rgba(255,255,255,0.08);--color-border-strong:rgba(255,255,255,0.15);
  --color-verified:#10b981;
  --font-display:'DM Serif Display',Georgia,serif;
  --font-body:'Outfit',-apple-system,BlinkMacSystemFont,sans-serif;
  --section-padding:clamp(4rem,8vw,8rem);--container-max:1320px;--nav-height:72px;
  --card-radius:12px;--btn-radius:8px;
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --color-primary:var(--color-accent);
  --trust-shield-bg:rgba(16,185,129,0.1);--trust-shield-border:rgba(16,185,129,0.3);
}
[dir="rtl"]{--font-body:'Outfit','Noto Sans Arabic',sans-serif;}

/* ══════ RESET ══════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden;}
body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-weight:400;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}

/* ══════ LAYOUT ══════ */
.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 clamp(1rem,4vw,3rem);}

/* ══════ HEADER ══════ */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.5rem,4vw,3rem);transition:background 0.4s ease,box-shadow 0.4s ease;}
.site-header.scrolled{background:rgba(10,14,26,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--color-border);}
.site-logo{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700;color:var(--color-text);letter-spacing:0.02em;}
.site-logo span{color:var(--color-accent);}
.nav-menu{display:flex;align-items:center;gap:2rem;list-style:none;}
.nav-menu a{font-size:0.85rem;font-weight:500;letter-spacing:0.03em;color:var(--color-text-muted);transition:color 0.3s ease;position:relative;}
.nav-menu a:hover,.nav-menu a.active{color:var(--color-text);}
.nav-menu a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-accent);transition:width 0.3s var(--ease-out);}
.nav-menu a:hover::after{width:100%;}
.nav-actions{display:flex;align-items:center;gap:0.5rem;}
/* Language Switcher - Simple Dropdown */
.language-switcher {
    position: relative;
    display: flex;
    align-items: center;
}

.language-switcher__select {
    background: var(--color-surface);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 0.8rem;
    font-family: var(--font-body);
    cursor: pointer;
    min-width: 140px;
    transition: all 0.3s ease;
}

.language-switcher__select:hover {
    border-color: var(--color-accent);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);
}

.language-switcher__select:focus {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
    border-color: var(--color-accent);
}

/* Loading and Error States */
.lang-loading {
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    padding: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: var(--color-text);
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.lang-error {
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--color-danger);
    color: white;
    border-radius: 6px;
    padding: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
}

/* RTL Support */
[dir="rtl"] .language-switcher {
    left: auto;
    right: 0;
}

[dir="rtl"] .lang-loading,
[dir="rtl"] .lang-error {
    left: 0;
    right: auto;
}

/* Responsive Design */
@media (max-width: 768px) {
    .language-switcher__select {
        min-width: 120px;
        font-size: 0.75rem;
        padding: 6px 10px;
    }
}

@media (max-width: 480px) {
    .language-switcher__select {
        min-width: 100px;
        font-size: 0.7rem;
        padding: 5px 8px;
    }
}

/* Loading state */
.language-switching .language-switcher__select {
    opacity: 0.6;
    pointer-events: none;
}

/* RTL Support */
[dir="rtl"] .language-switcher__select {
    font-family: 'Noto Sans Arabic', var(--font-body);
}

/* Animation for loading spinner */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Dark/Light Mode Toggle */
#elele-mode-toggle{
  position:relative;
  overflow:hidden;
}
#elele-mode-toggle:hover{
  background:var(--color-surface);
  border-color:var(--color-accent);
  transform:scale(1.05);
}
#elele-mode-toggle:active{
  transform:scale(0.98);
}
#elele-mode-toggle::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(45deg,transparent,rgba(220,38,38,0.1),transparent);
  opacity:0;
  transition:opacity 0.3s ease;
}
#elele-mode-toggle:hover::before{
  opacity:1;
}
@media(min-width:769px){
  #elele-mode-toggle{
    font-size:0.8rem;
    padding:0.4rem 0.8rem;
    border-width:2px;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
  }
  body.elele-light-mode #elele-mode-toggle{
    box-shadow:0 2px 8px rgba(15,23,42,0.1);
  }
}

/* ══════ BUTTONS ══════ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.625rem 1.5rem;font-family:var(--font-body);font-size:0.8rem;font-weight:600;border-radius:var(--btn-radius);border:none;cursor:pointer;transition:all 0.3s var(--ease-out);text-decoration:none;white-space:nowrap;}
.btn--primary{background:var(--color-accent);color:#fff;}
.btn--primary:hover{background:var(--color-accent2);transform:translateY(-1px);box-shadow:0 8px 25px rgba(220,38,38,0.3);}
.btn--gold{background:linear-gradient(135deg,var(--color-gold),var(--color-gold2));color:var(--color-bg);}
.btn--gold:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(212,168,67,0.3);}
.btn--ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong);}
.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent);}
.btn--success{background:var(--color-success);color:#fff;}
.btn--whatsapp{background:#25d366;color:#fff;}
.btn--whatsapp:hover{background:#20bd5a;transform:translateY(-1px);box-shadow:0 8px 25px rgba(37,211,102,0.3);}
.btn--sm{padding:0.4rem 1rem;font-size:0.75rem;}
.btn--lg{padding:0.875rem 2.25rem;font-size:0.85rem;}
.btn--block{width:100%;}

/* ══════ HERO ══════ */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-bg) 0%,#0f172a 50%,#1a0a0a 100%);}
.hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.15;}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,14,26,0.9),rgba(10,14,26,0.6));}
.hero__content{position:relative;z-index:2;max-width:var(--container-max);margin:0 auto;padding:calc(var(--nav-height) + 3rem) clamp(1.5rem,5vw,4rem) 4rem;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.hero__badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:var(--trust-shield-bg);border:1px solid var(--trust-shield-border);border-radius:50px;font-size:0.75rem;font-weight:600;color:var(--color-success);margin-bottom:2rem;}
.hero__title{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,5.5rem);line-height:1.05;margin-bottom:1.5rem;font-weight:700;}
.hero__title em{font-style:italic;color:var(--color-accent);}
.hero__subtitle{font-size:clamp(1rem,1.5vw,1.2rem);color:var(--color-text-muted);max-width:600px;margin-bottom:2.5rem;line-height:1.8;}
.hero__stats{display:flex;gap:2rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;}
.hero__stat-value{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:var(--color-gold);line-height:1;}
.hero__stat-label{font-size:0.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.1em;margin-top:0.5rem;}

/* ══════ TRUST BAR ══════ */
.trust-bar{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:1.25rem 0;}
.trust-bar__inner{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap;}
.trust-bar__item{display:flex;align-items:center;gap:0.5rem;font-size:0.82rem;color:var(--color-text-muted);font-weight:500;}
.trust-bar__icon{width:16px;height:16px;color:var(--color-success);}

/* ══════ SEARCH ══════ */
.search-section{padding:2.5rem 0;background:var(--color-surface);position:relative;z-index:10;margin-top:-3rem;border-radius:var(--card-radius) var(--card-radius) 0 0;box-shadow:0 -8px 30px rgba(0,0,0,0.15);}
.search-bar{display:flex;gap:0.75rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--card-radius);padding:0.75rem;flex-wrap:wrap;}
.search-bar__input{flex:1;min-width:0;padding:0.75rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:0.9rem;}
.search-bar__input::placeholder{color:var(--color-text-muted);}
.search-bar__select{padding:0.75rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:0.85rem;min-width:160px;cursor:pointer;}
@media(min-width:769px){
  .search-bar__input-wrap{flex:3;}
}

/* ══════ SECTIONS ══════ */
.section{padding:var(--section-padding) 0;}
.section--surface{background:var(--color-surface);}
.section--dark{background:var(--color-bg);}
.section__header{text-align:center;margin-bottom:3rem;}
.section__eyebrow{font-size:0.72rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--color-accent);font-weight:600;margin-bottom:0.75rem;}
.section__title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:0.75rem;}
.section__desc{font-size:1rem;color:var(--color-text-muted);max-width:600px;margin:0 auto;}

/* ══════ CARDS GRID ══════ */
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;}

/* ══════ PRODUCT CARD ══════ */
.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius);overflow:hidden;transition:all 0.4s var(--ease-out);position:relative;}
.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.3);border-color:var(--color-border-strong);}
.product-card__image{position:relative;padding-top:65%;overflow:hidden;background:var(--color-surface-2);}
.product-card__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.6s var(--ease-out);}
.product-card:hover .product-card__image img{transform:scale(1.05);}
.product-card__badges{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.5rem;z-index:2;}
.product-card__favorite{position:absolute;top:0.75rem;right:0.75rem;z-index:3;}
.badge{padding:0.25rem 0.6rem;font-size:0.68rem;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:0.05em;}
.badge--featured{background:var(--color-gold);color:var(--color-bg);}
.badge--verified{background:var(--color-success);color:#fff;}
.badge--new{background:var(--color-info);color:#fff;}
.product-card__body{padding:1.25rem;}
.product-card__category{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-accent);font-weight:600;margin-bottom:0.5rem;}
.product-card__title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin-bottom:0.5rem;line-height:1.35;}
.product-card__supplier{display:flex;align-items:center;gap:0.5rem;}
.product-card__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);}
.product-card__supplier-name{font-size:0.82rem;color:var(--color-text-muted);}
.product-card__verified-icon{width:14px;height:14px;color:var(--color-verified);}
.product-card__footer{display:flex;flex-direction:column;gap:0.75rem;padding:1rem 1.25rem;border-top:1px solid var(--color-border);}
.product-card__price{font-weight:700;color:var(--color-gold);font-size:0.88rem;text-align:center;padding:0.75rem 1rem;background:rgba(212,168,67,0.08);border-radius:6px;border:1px solid rgba(212,168,67,0.2);display:flex;flex-direction:column;gap:0.25rem;}
.product-card__price-label{font-size:0.72rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.08em;}
.product-card__price-value{font-size:1rem;font-weight:700;color:var(--color-gold);}
.product-card__actions{display:flex;flex-direction:column;gap:0.65rem;}
.product-card__actions .btn{width:100%;justify-content:center;}
.product-card__action{display:flex;align-items:center;justify-content:center;gap:0.4rem;font-size:0.8rem;font-weight:600;color:var(--color-accent);transition:gap 0.3s ease,background 0.2s ease;padding:0.5rem 0.75rem;border:1px solid var(--color-border);border-radius:6px;text-decoration:none;width:100%;}
.product-card__action:hover{gap:0.7rem;border-color:var(--color-accent);background:rgba(220,38,38,0.05);}

/* ══════ CARGO CARD ══════ */
.cargo-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius);overflow:hidden;transition:all 0.4s var(--ease-out);}
.cargo-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.3);}
.cargo-card__actions{display:flex;flex-direction:column;gap:0.65rem;margin-top:1.25rem;}
.cargo-card__actions .btn{width:100%;justify-content:center;}
.cargo-card__btn{width:100%;justify-content:center;}
.cargo-card__header{background:linear-gradient(135deg,var(--color-surface-2),var(--color-surface-3));padding:1.5rem;display:flex;align-items:center;gap:1rem;}
.cargo-card__logo{width:56px;height:56px;border-radius:12px;object-fit:cover;border:2px solid var(--color-border);}
.cargo-card__name{font-family:var(--font-display);font-size:1.15rem;font-weight:600;}
.cargo-card__route{display:flex;align-items:center;gap:0.5rem;font-size:0.82rem;color:var(--color-text-muted);margin-top:0.25rem;}
.cargo-card__route-arrow{color:var(--color-accent);}
.cargo-card__body{padding:1.5rem;}
.cargo-card__specs{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.cargo-spec{text-align:center;padding:0.75rem;background:var(--color-surface-2);border-radius:8px;}
.cargo-spec__value{font-size:1.1rem;font-weight:700;color:var(--color-gold);}
.cargo-spec__label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-text-muted);margin-top:0.25rem;}

/* ══════ SUPPLIER CARD ══════ */
.supplier-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius);padding:2rem;text-align:center;transition:all 0.4s var(--ease-out);position:relative;}
.supplier-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.3);border-color:var(--color-gold);}
.supplier-card__verified-banner{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-success),var(--color-gold));border-radius:var(--card-radius) var(--card-radius) 0 0;}
.supplier-card__avatar{display:block;margin:0 auto;width:80px;height:80px;border-radius:50%;object-fit:cover;}
.supplier-card__trust-score{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin:1rem 0;}
.trust-stars{display:flex;gap:2px;}
.trust-stars svg{width:14px;height:14px;fill:var(--color-gold);}
.tag{padding:0.3rem 0.75rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:50px;font-size:0.72rem;color:var(--color-text-muted);}

/* Supplier card buttons */
.supplier-card .btn-container{display:flex;flex-direction:column;gap:0.75rem;margin-top:1.5rem;}
.supplier-card .btn-container .btn{width:100%;text-align:center;justify-content:center;align-items:center;}
.supplier-card .btn-container .btn svg{margin-left:0.5rem;}

/* Product card buttons */
.product-card .btn-container{display:flex;flex-direction:column;gap:0.65rem;margin-top:1rem;}
.product-card .btn-container .btn{width:100%;text-align:center;justify-content:center;align-items:center;}
.product-card .btn-container .btn svg{margin-left:0.5rem;}

/* RTL/Arabic specific adjustments */
[dir="rtl"] .supplier-card .btn-container .btn svg,
[dir="rtl"] .product-card .btn-container .btn svg{margin-left:0;margin-right:0.5rem;}

[dir="rtl"] .supplier-card .btn-container .btn,
[dir="rtl"] .product-card .btn-container .btn{font-family:var(--font-body-ar, var(--font-body));}

[dir="rtl"] .supplier-card__actions,
[dir="rtl"] .product-card__actions{text-align:right;}

[dir="rtl"] .supplier-card__footer,
[dir="rtl"] .product-card__footer{text-align:right;}

[dir="rtl"] .supplier-card__supplier,
[dir="rtl"] .product-card__supplier{margin-left:0.5rem;margin-right:0;}

[dir="rtl"] .supplier-card__avatar,
[dir="rtl"] .product-card__avatar{margin-left:0;margin-right:0.5rem;}

[dir="rtl"] .supplier-card__verified-icon,
[dir="rtl"] .product-card__verified-icon{margin-left:0.5rem;margin-right:0;}

/* Arabic supplier card centering */
[dir="rtl"] .supplier-card{text-align:center;}
[dir="rtl"] .supplier-card__avatar{display:block;margin:0 auto;width:80px;height:80px;border-radius:50%;object-fit:cover;}
[dir="rtl"] .supplier-card__name{text-align:center;}
[dir="rtl"] .supplier-card__location{text-align:center;}
[dir="rtl"] .supplier-card__trust-score{justify-content:center;}

/* Arabic section headers and titles centering */
[dir="rtl"] .section__header{text-align:center !important;}
[dir="rtl"] .section__title{text-align:center;}
[dir="rtl"] .section__description{text-align:center;}

[dir="rtl"] .supplier-card__favorite,
[dir="rtl"] .product-card__favorite{left:0.75rem;right:auto;}

[dir="rtl"] .supplier-card__badges,
[dir="rtl"] .product-card__badges{left:0.75rem;right:auto;}

[dir="rtl"] .product-card__action{flex-direction:row-reverse;}

/* RTL/Arabic price layout adjustments */
[dir="rtl"] .product-card__price{font-family:var(--font-body-ar, var(--font-body));}
[dir="rtl"] .product-card__price-label{text-align:right;}
[dir="rtl"] .product-card__price-value{text-align:right;}

/* ══════ FORMS ══════ */
.form-group{margin-bottom:0;}
.form-group label{display:block;font-size:0.82rem;font-weight:600;margin-bottom:0.5rem;color:var(--color-text);}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:0.75rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:0.9rem;transition:border-color 0.3s ease;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(220,38,38,0.1);}
.avatar-upload{width:100px;height:100px;border-radius:50%;border:2px dashed var(--color-border-strong);display:flex;align-items:center;justify-content:center;margin:0 auto;cursor:pointer;transition:border-color 0.3s ease;overflow:hidden;background:var(--color-surface-2);}
.avatar-upload:hover{border-color:var(--color-accent);}
.avatar-upload img{width:100%;height:100%;object-fit:cover;}
.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.role-option{padding:1.5rem;background:var(--color-surface-2);border:2px solid var(--color-border);border-radius:var(--card-radius);text-align:center;cursor:pointer;transition:all 0.3s ease;}
.role-option:hover,.role-option.selected{border-color:var(--color-accent);background:rgba(220,38,38,0.05);}
.role-option__title{font-weight:700;font-size:0.9rem;margin-bottom:0.25rem;}
.role-option__desc{font-size:0.75rem;color:var(--color-text-muted);}
.approval-notice{padding:1rem 1.5rem;background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.2);border-radius:8px;display:flex;align-items:center;gap:0.75rem;font-size:0.82rem;color:var(--color-warning);}

/* ══════ STEPS ══════ */
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;counter-reset:step;}
.step-card{position:relative;padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius);text-align:center;counter-increment:step;}
.step-card::before{content:counter(step,decimal-leading-zero);font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-accent);opacity:0.3;line-height:1;display:block;margin-bottom:1rem;}
.step-card__title{font-size:1.05rem;font-weight:700;margin-bottom:0.5rem;}
.step-card__desc{font-size:0.85rem;color:var(--color-text-muted);}

/* ══════ ROUTE MAP ══════ */
.route-map{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius);padding:2rem;text-align:center;}
.route-map__visual{display:flex;align-items:center;justify-content:center;gap:2rem;margin:2rem 0;}
.route-map__line{flex:1;max-width:200px;height:2px;background:linear-gradient(90deg,#e30a17,#00853f);position:relative;}
.route-map__line::before{content:'✈';position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:1.5rem;}

/* ══════ VERIFIED BADGE ══════ */
.verified-badge{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.72rem;font-weight:700;color:var(--color-verified);}
.verified-badge svg{width:16px;height:16px;}

/* ══════ WHATSAPP FLOATING ══════ */
.elele-floating-wa{position:fixed;bottom:2rem;right:2rem;z-index:999;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.4);transition:transform 0.3s ease,box-shadow 0.3s ease;animation:pulse-wa 2s ease-out infinite;}
.elele-floating-wa:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(37,211,102,0.5);color:#fff;}

/* ══════ FOOTER ══════ */
.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:3rem 0 1rem;}
.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem;margin-bottom:2rem;}
.footer-col__title{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;color:var(--color-text);margin-bottom:1rem;}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:0.5rem;}
.footer-col a{font-size:0.85rem;color:var(--color-text-muted);transition:color 0.3s ease;}
.footer-col a:hover{color:var(--color-text);}
.footer-bottom{padding-top:1.5rem;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;font-size:0.75rem;color:var(--color-text-muted);flex-wrap:wrap;gap:1rem;}
.footer-flags{display:flex;gap:0.5rem;align-items:center;justify-content:center;}
.footer-flag{font-size:1rem;}

/* ══════ ANIMATIONS ══════ */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
@keyframes pulse-wa{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.4);}70%{box-shadow:0 0 0 15px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}
@keyframes marqueeScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.8s var(--ease-out),transform 0.8s var(--ease-out);}
.animate-on-scroll.visible{opacity:1;transform:translateY(0);}

/* ══════ PAGINATION ══════ */
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 0.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:0.85rem;color:var(--color-text-muted);transition:all 0.3s ease;}
.page-numbers:hover{border-color:var(--color-accent);color:var(--color-accent);}
.page-numbers.current{background:var(--color-accent);color:#fff;border-color:var(--color-accent);}

/* ══════ RESPONSIVE ══════ */
@media(max-width:1024px){
  .cards-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:repeat(2,1fr);}
  .hero__stats{gap:2rem;flex-wrap:wrap;}
  .nav-actions{gap:0.75rem;}
}
@media(max-width:768px){
  .cards-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:2rem;text-align:center;}
  .nav-menu{display:none;}
  .hamburger{display:flex;}
  .search-bar{flex-direction:column;}
  .hero__stats{flex-direction:column;gap:1.5rem;}
  .role-selector{grid-template-columns:1fr;}
  .steps-grid{grid-template-columns:1fr;}
  .route-map__visual{flex-direction:column;}
  .site-header{padding:0 1rem;}
  .hero__content{padding:calc(var(--nav-height) + 2rem) 1.5rem 3rem;}
  .container{padding:0 1.5rem;}
  .section{padding:3rem 0;}
  .footer-col__title{margin-bottom:1rem;}
  .mobile-bottom-nav{display:flex;}
  /* Flags centered on mobile */
  .footer-flags{width:100%;justify-content:center;}
  .footer-col:first-child{display:flex;flex-direction:column;align-items:center;}
}
@media(max-width:480px){
  .hero__title{font-size:clamp(2rem,8vw,3.5rem);}
  .hero__subtitle{font-size:0.9rem;}
  .btn--lg{padding:0.875rem 2rem;font-size:0.85rem;}
  .site-header{padding:0 0.75rem;}
  .hero__content{padding:calc(var(--nav-height) + 1.5rem) 1rem 2rem;}
  .container{padding:0 1rem;}
  .section{padding:2rem 0;}
  .trust-bar__inner{gap:1.5rem;}
  .trust-bar__item{font-size:0.75rem;}
}

/* ══════ RESPONSIVE UTILITIES ══════ */
.d-none{display:none!important;}
.d-block{display:block!important;}
.d-flex{display:flex!important;}
.d-inline{display:inline!important;}
.d-md-none,.d-md-block,.d-md-flex{} /* reset below */
.d-lg-none,.d-lg-block,.d-lg-flex,.d-lg-inline{}
@media(max-width:767.98px){
  .d-none.d-md-block,.d-none.d-md-flex,.d-none.d-md-none{display:none!important;}
}
@media(min-width:768px){
  .d-md-none{display:none!important;}
  .d-md-block{display:block!important;}
  .d-md-flex{display:flex!important;}
}
@media(min-width:1024px){
  .d-lg-none{display:none!important;}
  .d-lg-block{display:block!important;}
  .d-lg-flex{display:flex!important;}
  .d-lg-inline{display:inline!important;}
}

/* ══════ SEARCH AUTOCOMPLETE ══════ */
.search-autocomplete{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-top:0.5rem;max-height:400px;overflow-y:auto;z-index:1000;box-shadow:0 8px 25px rgba(0,0,0,0.3);}
.search-ac__item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;color:var(--color-text);text-decoration:none;transition:background 0.2s ease;border-bottom:1px solid var(--color-border);}
.search-ac__item:last-child{border-bottom:none;}
.search-ac__item:hover{background:var(--color-surface-2);}
.search-ac__thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;}
.search-ac__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);border-radius:6px;font-size:1.2rem;}
.search-ac__info{flex:1;min-width:0;}
.search-ac__title{font-size:0.9rem;font-weight:600;color:var(--color-text);margin-bottom:0.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.search-ac__sub{font-size:0.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.search-ac__type{font-size:1rem;opacity:0.7;}

/* ══════ MOBILE BOTTOM NAVIGATION ══════ */
.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);z-index:1000;}
.mobile-bottom-nav__inner{display:flex;justify-content:space-around;align-items:center;padding:0.5rem 0;}
.mobile-bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:0.25rem;color:var(--color-text-muted);text-decoration:none;font-size:0.65rem;padding:0.25rem;border-radius:6px;transition:all 0.2s ease;position:relative;}
.mobile-bottom-nav__item.active{color:var(--color-accent);background:rgba(220,38,38,0.1);}
.mobile-bottom-nav__item:hover{color:var(--color-text);}
.mobile-bottom-nav__item svg{width:20px;height:20px;}
.mobile-bottom-nav__badge{position:absolute;top:-2px;right:-2px;background:var(--color-accent);color:#fff;font-size:0.55rem;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
/* ══════ TRADUCTION CARD ══════ */
.traduction-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius);overflow:hidden;transition:all 0.4s var(--ease-out);position:relative;}
.traduction-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.25);border-color:var(--color-border-strong);}
.traduction-card__featured-bar{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-success),var(--color-gold));z-index:2;}
.traduction-card__header{background:linear-gradient(135deg,var(--color-surface-2),var(--color-surface-3));padding:1.5rem;display:flex;align-items:center;gap:1rem;}
.traduction-card__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);}
.traduction-card__avatar-placeholder{width:56px;height:56px;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border);font-size:1.5rem;}
.traduction-card__info{flex:1;min-width:0;}
.traduction-card__name{margin:0;font-size:0.95rem;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.traduction-card__verified{color:var(--color-success);font-size:0.8rem;margin-left:4px;}
.traduction-card__langs{font-size:0.8rem;color:var(--color-text-muted);margin-top:2px;}
.traduction-card__body{padding:1.25rem;}
.traduction-card__desc{font-size:0.85rem;color:var(--color-text);line-height:1.4;margin:0 0 1.25rem;}
.traduction-card__specialization{margin-bottom:1.25rem;padding:0.75rem 1rem;background:var(--color-surface-2);border-radius:6px;border:1px solid var(--color-border);}
.traduction-card__label{font-size:0.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:4px;}
.traduction-card__value{font-size:0.95rem;color:var(--color-text);}
.traduction-card__specs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;}
.traduction-card__spec{padding:0.75rem 1rem;background:var(--color-surface-2);border-radius:6px;border:1px solid var(--color-border);text-align:center;}
.traduction-card__spec-value{font-size:1.1rem;font-weight:700;margin-top:4px;}
.traduction-card__spec-value--gold{color:var(--color-gold);}
.traduction-card__spec-value--accent{color:var(--color-accent);}
.traduction-card__minimum{margin-bottom:1.25rem;padding:0.5rem 1rem;background:rgba(139,92,246,0.1);border-radius:6px;border:1px solid rgba(139,92,246,0.2);text-align:center;font-size:0.8rem;color:#8b5cf6;font-weight:600;}
.traduction-card__services{margin-bottom:1.25rem;}
.traduction-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.traduction-card__tag{background:rgba(220,38,38,0.08);color:var(--color-accent);padding:4px 10px;border-radius:20px;font-size:0.8rem;font-weight:600;}
.traduction-card__certs{font-size:0.8rem;color:var(--color-text-muted);padding:0.75rem 1rem;background:var(--color-surface-2);border-radius:6px;margin-bottom:1.25rem;}
.traduction-card__footer{padding:1rem 1.25rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:0.65rem;}
body.elele-light-mode .traduction-card{box-shadow:0 2px 8px rgba(15,23,42,0.07);}
body.elele-light-mode .traduction-card:hover{box-shadow:0 12px 40px rgba(15,23,42,0.12);}

/* ══════ ELEGANCE REFINEMENTS ══════ */
.hero__badge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(16,185,129,0.2);}
.btn{box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.3s var(--ease-out),box-shadow 0.3s ease;}
.btn:hover{box-shadow:0 8px 25px rgba(0,0,0,0.2);}
.product-card{box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.product-card:hover{box-shadow:0 12px 40px rgba(0,0,0,0.25);}
.cargo-card{box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.cargo-card:hover{box-shadow:0 12px 40px rgba(0,0,0,0.25);}
.supplier-card{box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.supplier-card:hover{box-shadow:0 12px 40px rgba(0,0,0,0.25);}
.step-card{box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.step-card:hover{box-shadow:0 8px 25px rgba(0,0,0,0.15);}
.search-bar{box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.search-autocomplete{box-shadow:0 12px 40px rgba(0,0,0,0.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
.site-header.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
.trust-bar{box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.site-footer{box-shadow:0 -2px 8px rgba(0,0,0,0.05);}

/* ══════ LIGHT MODE OVERRIDES ══════ */
body.elele-light-mode .site-header.scrolled{background:rgba(248,250,252,0.97);box-shadow:0 1px 0 rgba(15,23,42,0.1);}
body.elele-light-mode .hero{background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 50%,#fef2f2 100%);}
body.elele-light-mode .hero__overlay{background:linear-gradient(135deg,rgba(248,250,252,0.35),rgba(240,244,255,0.15));}
body.elele-light-mode .hero__badge{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.3);}
body.elele-light-mode .product-card{box-shadow:0 2px 8px rgba(15,23,42,0.07);}
body.elele-light-mode .product-card:hover{box-shadow:0 12px 40px rgba(15,23,42,0.12);}
body.elele-light-mode .cargo-card{box-shadow:0 2px 8px rgba(15,23,42,0.07);}
body.elele-light-mode .cargo-card:hover{box-shadow:0 12px 40px rgba(15,23,42,0.12);}
body.elele-light-mode .supplier-card{box-shadow:0 2px 8px rgba(15,23,42,0.07);}
body.elele-light-mode .supplier-card:hover{box-shadow:0 12px 40px rgba(15,23,42,0.12);}
body.elele-light-mode .step-card{box-shadow:0 2px 8px rgba(15,23,42,0.07);}
body.elele-light-mode .search-bar{box-shadow:0 4px 15px rgba(15,23,42,0.07);}
body.elele-light-mode .search-autocomplete{box-shadow:0 12px 40px rgba(15,23,42,0.12);}
body.elele-light-mode .btn--ghost{border-color:rgba(15,23,42,0.2);color:var(--color-text);}
body.elele-light-mode .btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent);}
body.elele-light-mode .trust-bar{box-shadow:0 2px 8px rgba(15,23,42,0.05);}
body.elele-light-mode .site-footer{box-shadow:0 -2px 8px rgba(15,23,42,0.05);}
body.elele-light-mode .product-card__price{background:rgba(212,168,67,0.12);border-color:rgba(212,168,67,0.25);}
body.elele-light-mode .notif-dropdown{box-shadow:0 12px 40px rgba(15,23,42,0.15);}
body.elele-light-mode .search-section{box-shadow:0 -8px 30px rgba(15,23,42,0.08);}
body.elele-light-mode .traduction-card__minimum{background:rgba(139,92,246,0.08);border-color:rgba(139,92,246,0.15);}
body.elele-light-mode .traduction-card__tag{background:rgba(220,38,38,0.06);}
body.elele-light-mode .messaging-banner{box-shadow:0 4px 15px rgba(15,23,42,0.08);}
body.elele-light-mode ::-webkit-scrollbar-track{background:var(--color-bg);}
body.elele-light-mode ::-webkit-scrollbar-thumb{background:#cbd5e1;}
body.elele-light-mode ::-webkit-scrollbar-thumb:hover{background:var(--color-accent);}

/* ══════ PRINT ══════ */
@media print{
  .site-header,.site-footer,.elele-floating-wa,.scroll-progress{display:none!important;}
  body{background:#fff;color:#000;}
}