/*
Theme Name: DAYDOUtheme
Theme URI: https://equipes-reliance.fr
Author: DAYDOU
Description: Thème WordPress premium pour sites de paris sportifs au Maroc. Blocs Gutenberg custom, couleurs modifiables via Customizer, cache PHP natif, SEO optimisé.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
Text Domain: daydoutheme
*/

:root {
  --color-primary:      #ff6b2b;
  --color-primary-dark: #e55a1f;
  --color-primary-light:#ff8c55;
  --color-bg:           #0d0d0d;
  --color-bg-2:         #161616;
  --color-bg-3:         #1e1e1e;
  --color-bg-card:      #1a1a1a;
  --color-border:       #2a2a2a;
  --color-text:         #e8e8e8;
  --color-text-muted:   #888888;
  --color-text-light:   #ffffff;
  --color-gold:         #f0c040;
  --color-success:      #2ecc71;
  --font-heading:       'Syne', sans-serif;
  --font-body:          'Inter', sans-serif;
  --radius:             8px;
  --radius-lg:          14px;
  --shadow:             0 4px 24px rgba(0,0,0,0.4);
  --max-width:          1160px;
  --transition:         0.2s ease;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--color-primary);text-decoration:none;transition:color var(--transition);}
a:hover{color:var(--color-primary-light);}
ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-light);line-height:1.2;font-weight:800;}

.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;}
.section{padding:80px 0;}

/* HEADER */
.site-header{background:var(--color-bg);border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0 24px;max-width:var(--max-width);margin:0 auto;height:64px;}
.site-logo{font-family:var(--font-heading);font-size:22px;font-weight:900;color:var(--color-text-light)!important;letter-spacing:-0.5px;}
.site-logo span{color:var(--color-primary);}
.main-nav{display:flex;align-items:center;gap:4px;}
.main-nav > li{position:relative;}
.main-nav > li > a{display:flex;align-items:center;gap:5px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--color-text);border-radius:var(--radius);transition:all var(--transition);}
.main-nav > li > a:hover,.main-nav > li.current-menu-item > a{color:var(--color-primary);background:rgba(255,107,43,0.08);}
.arrow{font-size:10px;transition:transform var(--transition);}
.main-nav > li:hover > a .arrow{transform:rotate(180deg);}
.dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px;min-width:320px;display:grid;grid-template-columns:1fr 1fr;gap:4px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.2s ease;box-shadow:var(--shadow);pointer-events:none;}
.main-nav > li:hover .dropdown,.main-nav > li.hovered .dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all;}
.dropdown a{display:block;padding:10px 14px;font-size:13.5px;font-weight:500;color:var(--color-text);border-radius:6px;transition:all var(--transition);}
.dropdown a:hover{background:rgba(255,107,43,0.1);color:var(--color-primary);}
.btn-nav-cta{background:var(--color-primary)!important;color:#fff!important;font-weight:700!important;border-radius:var(--radius)!important;padding:9px 18px!important;}
.btn-nav-cta:hover{background:var(--color-primary-dark)!important;color:#fff!important;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--color-text);}
.nav-toggle span{display:block;width:22px;height:2px;background:currentColor;margin:5px 0;transition:all 0.3s;}

/* HERO */
.hero{background:var(--color-bg);padding:72px 24px 80px;border-bottom:3px solid var(--color-primary);position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 0%,rgba(255,107,43,0.08),transparent 60%);}
.hero-badge{display:inline-flex;align-items:center;gap:7px;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:20px;}
.hero h1{font-size:clamp(36px,5vw,64px);font-weight:900;color:var(--color-text-light);margin-bottom:20px;max-width:800px;position:relative;}
.hero-desc{font-size:17px;color:var(--color-text-muted);line-height:1.8;max-width:640px;margin-bottom:36px;position:relative;}
.hero-author{display:flex;align-items:center;gap:14px;position:relative;}
.author-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;flex-shrink:0;}
.author-name{font-weight:700;color:var(--color-text-light);font-size:14px;}
.author-meta{font-size:12px;color:var(--color-text-muted);margin-top:2px;}

/* RANK BAR */
.rank-bar{background:var(--color-bg-2);border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none;position:sticky;top:64px;z-index:90;}
.rank-bar::-webkit-scrollbar{display:none;}
.rank-bar-inner{display:flex;align-items:stretch;max-width:var(--max-width);margin:0 auto;padding:0 24px;white-space:nowrap;}
.rank-bar-inner a{display:flex;align-items:center;gap:6px;padding:13px 16px;font-size:13px;font-weight:600;color:var(--color-text-muted);border-bottom:2px solid transparent;transition:all var(--transition);text-decoration:none;}
.rank-bar-inner a:hover,.rank-bar-inner a.active{color:var(--color-primary);border-bottom-color:var(--color-primary);}

/* SECTION HEADERS */
.section-tag{display:inline-block;background:rgba(255,107,43,0.12);color:var(--color-primary);font-size:11px;font-weight:800;padding:4px 12px;border-radius:4px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px;}
.section-title-main{font-family:var(--font-heading);font-size:clamp(26px,3vw,38px);font-weight:900;color:var(--color-text-light);margin-bottom:12px;}
.section-desc{font-size:16px;color:var(--color-text-muted);line-height:1.7;max-width:640px;}

/* RANKING TABLE */
.wp-block-daydou-ranking-table{background:var(--color-bg-2);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);margin:40px 0;}
.ranking-table-head{display:grid;grid-template-columns:60px 1fr 180px 160px 120px 160px;gap:0;background:var(--color-bg-3);border-bottom:1px solid var(--color-border);padding:14px 20px;}
.ranking-table-head span{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;}
.ranking-row{display:grid;grid-template-columns:60px 1fr 180px 160px 120px 160px;gap:0;align-items:center;padding:20px;border-bottom:1px solid var(--color-border);transition:background var(--transition);}
.ranking-row:last-child{border-bottom:none;}
.ranking-row:hover{background:rgba(255,255,255,0.02);}
.rank-num{font-family:var(--font-heading);font-size:22px;font-weight:900;color:var(--color-text-muted);}
.rank-num.gold{color:var(--color-gold);}
.rank-num.silver{color:#c0c0c0;}
.rank-num.bronze{color:#cd7f32;}
.bm-info{display:flex;align-items:center;gap:14px;}
.bm-logo-placeholder{width:52px;height:36px;background:var(--color-bg-3);border:1px solid var(--color-border);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--color-primary);flex-shrink:0;}
.bm-name-row{font-weight:700;color:var(--color-text-light);font-size:16px;}
.top-badge{display:inline-block;background:var(--color-primary);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:0.5px;margin-left:8px;}
.bm-bonus-row{font-size:13px;color:var(--color-text-muted);margin-top:2px;}
.bm-bonus-row strong{color:var(--color-primary);font-weight:700;}
.ranking-code{font-family:monospace;font-size:13px;background:var(--color-bg-3);border:1px dashed var(--color-border);padding:5px 10px;border-radius:6px;color:var(--color-primary);letter-spacing:1px;cursor:pointer;transition:all var(--transition);display:inline-block;}
.ranking-code:hover{background:rgba(255,107,43,0.1);border-color:var(--color-primary);}
.score-num{font-family:var(--font-heading);font-size:26px;font-weight:900;color:var(--color-text-light);}
.score-stars{color:var(--color-gold);font-size:11px;display:block;}
.ranking-btns{display:flex;flex-direction:column;gap:6px;}
.btn-ranking{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;padding:8px 14px;border-radius:var(--radius);text-decoration:none;transition:all var(--transition);white-space:nowrap;}
.btn-ranking:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-1px);}
.btn-avis{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);}
.btn-avis:hover{background:var(--color-primary);color:#fff;}

/* BOOKMAKER CARD */
.wp-block-daydou-bookmaker-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin:48px 0;box-shadow:var(--shadow);scroll-margin-top:130px;}
.bm-card-header{display:flex;align-items:center;justify-content:space-between;padding:28px 36px;border-bottom:1px solid var(--color-border);background:var(--color-bg-3);gap:20px;}
.bm-card-left{display:flex;align-items:center;gap:20px;}
.bm-card-logo{width:80px;height:54px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:var(--color-primary);flex-shrink:0;}
.bm-card-rank{font-size:12px;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;}
.bm-card-name{font-family:var(--font-heading);font-size:32px;font-weight:900;color:var(--color-text-light);margin-bottom:4px;}
.bm-card-tagline{font-size:14px;color:var(--color-text-muted);}
.bm-card-score{text-align:right;flex-shrink:0;}
.score-big{font-family:var(--font-heading);font-size:52px;font-weight:900;color:var(--color-text-light);line-height:1;}
.score-stars-big{color:var(--color-gold);font-size:16px;letter-spacing:2px;}
.score-label-small{font-size:11px;color:var(--color-text-muted);margin-top:4px;}
.bm-card-body{padding:36px;}
.bm-promo-block{background:var(--color-bg-3);border:1px dashed var(--color-primary);border-radius:var(--radius);padding:18px 22px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.promo-label-small{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;}
.promo-code-big{font-family:monospace;font-size:24px;color:var(--color-primary);font-weight:700;letter-spacing:3px;}
.promo-bonus-text{font-size:13px;color:var(--color-success);font-weight:600;margin-bottom:8px;}
.btn-copy{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);padding:11px 20px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:all var(--transition);}
.btn-copy:hover{background:var(--color-primary-dark);}
.btn-copy.copied{background:var(--color-success);}
.btn-inscr-main{display:inline-flex;align-items:center;gap:10px;background:var(--color-primary);color:#fff;font-weight:700;font-size:16px;padding:16px 32px;border-radius:var(--radius);text-decoration:none;margin-bottom:32px;transition:all var(--transition);}
.btn-inscr-main:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,43,0.3);}
.bm-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0;}
.bm-feat-item{background:var(--color-bg-3);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px 14px;border-left:3px solid var(--color-primary);}
.feat-icon{font-size:22px;margin-bottom:8px;}
.feat-title{font-weight:700;font-size:13px;color:var(--color-text-light);margin-bottom:4px;}
.feat-desc{font-size:12px;color:var(--color-text-muted);line-height:1.5;}
.bm-editorial{font-size:15px;color:var(--color-text);line-height:1.85;}
.bm-editorial p{margin-bottom:16px;}
.bm-editorial h3{font-family:var(--font-heading);font-size:22px;color:var(--color-primary);margin:28px 0 12px;}
.bm-editorial strong{color:var(--color-text-light);}
.info-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;border-radius:var(--radius);overflow:hidden;}
.info-table th{background:var(--color-bg-3);color:var(--color-text-light);padding:12px 18px;text-align:left;font-weight:700;font-size:13px;}
.info-table td{padding:12px 18px;border-bottom:1px solid var(--color-border);color:var(--color-text);}
.info-table tr:last-child td{border-bottom:none;}
.info-table tr:nth-child(even) td{background:rgba(255,255,255,0.02);}
.info-table .val{color:var(--color-primary);font-weight:700;}

/* BONUS BANNER */
.wp-block-daydou-bonus-banner{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-lg);padding:48px 40px;text-align:center;margin:40px 0;position:relative;overflow:hidden;}
.wp-block-daydou-bonus-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.1),transparent 60%);}
.wp-block-daydou-bonus-banner h2{font-size:36px;color:#fff;margin-bottom:12px;position:relative;}
.wp-block-daydou-bonus-banner p{color:rgba(255,255,255,0.85);font-size:16px;margin-bottom:28px;position:relative;}
.bonus-banner-codes{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;position:relative;}
.btn-banner{background:#fff;color:var(--color-primary);font-weight:800;font-size:14px;padding:13px 28px;border-radius:var(--radius);text-decoration:none;transition:all var(--transition);display:inline-block;}
.btn-banner:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.2);color:var(--color-primary-dark);}
.btn-banner-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.5);}
.btn-banner-outline:hover{background:rgba(255,255,255,0.1);color:#fff;}

/* GUIDE */
.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0;}
.guide-step{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px 22px;border-top:3px solid var(--color-primary);}
.step-num{width:40px;height:40px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:18px;font-weight:900;color:#fff;margin-bottom:16px;}
.guide-step h3{font-size:17px;color:var(--color-text-light);margin-bottom:10px;}
.guide-step p{font-size:13.5px;color:var(--color-text-muted);line-height:1.7;}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:10px;margin:28px 0;}
.faq-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;}
.faq-q{padding:18px 22px;font-weight:700;color:var(--color-text-light);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:15px;transition:background var(--transition);user-select:none;}
.faq-q:hover{background:rgba(255,255,255,0.03);}
.faq-icon{width:24px;height:24px;border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--color-primary);font-weight:300;transition:transform 0.3s;flex-shrink:0;}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-a{padding:0 22px;max-height:0;overflow:hidden;transition:max-height 0.35s ease,padding 0.35s;font-size:14px;color:var(--color-text-muted);line-height:1.85;}
.faq-item.open .faq-a{max-height:500px;padding:4px 22px 22px;}

/* AVERT */
.avert{background:rgba(240,192,64,0.07);border-left:4px solid var(--color-gold);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;margin:32px 0;font-size:13px;color:var(--color-text-muted);line-height:1.75;}
.avert strong{color:var(--color-gold);}
.ornement{text-align:center;color:var(--color-primary);font-size:18px;letter-spacing:10px;opacity:0.4;margin:20px 0;}

/* FOOTER */
.site-footer{background:var(--color-bg-2);border-top:2px solid var(--color-border);padding:60px 24px 28px;}
.footer-grid{max-width:var(--max-width);margin:0 auto 40px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;}
.footer-brand p{font-size:13px;color:var(--color-text-muted);line-height:1.8;margin-top:14px;max-width:260px;}
.footer-col h4{font-size:14px;font-weight:800;color:var(--color-text-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;}
.footer-col ul li{margin-bottom:10px;}
.footer-col ul li a{font-size:13px;color:var(--color-text-muted);transition:color var(--transition);}
.footer-col ul li a:hover{color:var(--color-primary);}
.footer-bottom{max-width:var(--max-width);margin:0 auto;padding-top:22px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--color-text-muted);flex-wrap:wrap;gap:10px;}
.jeu-resp{color:var(--color-gold);font-weight:600;}

/* ANIMATIONS */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease;}
.fade-in.visible{opacity:1;transform:none;}

/* RESPONSIVE */
@media(max-width:768px){
  .nav-toggle{display:block;}
  .main-nav{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--color-bg);flex-direction:column;align-items:flex-start;padding:20px;overflow-y:auto;gap:0;}
  .main-nav.open{display:flex;}
  .main-nav > li > a{width:100%;padding:14px 16px;font-size:16px;border-bottom:1px solid var(--color-border);}
  .dropdown{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;background:var(--color-bg-3);margin:0;border-radius:0;min-width:unset;width:100%;}
  .main-nav > li.open .dropdown{display:grid;}
  .hero h1{font-size:32px;}
  .ranking-table-head{display:none;}
  .ranking-row{grid-template-columns:1fr;gap:12px;padding:16px;}
  .bm-card-header{flex-direction:column;align-items:flex-start;padding:20px;}
  .bm-card-score{text-align:left;}
  .bm-feats{grid-template-columns:1fr;}
  .guide-steps{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .bm-card-body{padding:20px;}
}