/*
Theme Name: Arena
Text Domain: arena
Version: 1.8.2
Description:
Author: Alex Lemelle
*/
#tarteaucitronManager {
  display: none !important;
}

.back-btn, .download-btn {
    border-radius: 40px;
	border: none;
}

:root{
  --bg: #0b0b0b;
  --fg: #ffffff;
  --muted: #b7bcc3;
  --card: #151515;
  --gap: 14px;
  --radius: 18px;
  --header-h: 110px;
  --maxw: 560px;

  /* Icon config via options */
  --icon-size: 76px;
  --icon-radius: 16px;

  /* Back button (override via options) */
  --back-btn-bg: rgba(255,255,255,.1);
  --back-btn-fg: #ffffff;
  --back-btn-border: rgba(255,255,255,.12);

  /* Ticker */
  --ticker-bg: rgba(0,0,0,.75);
  --ticker-fg: #ffffff;
  --ticker-h: 36px;
  --ticker-speed: 25s;
}

/* Reset minimal */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:var(--fg);
background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	background-attachment: fixed;
}

/* Layout to keep footer at bottom */
body > .site-header{}
body > .wrap{
  min-height: calc(100vh - var(--header-h));
  display:flex; flex-direction:column;
}
body::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
background: linear-gradient(180deg,rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.73) 38%, rgba(0, 0, 0, 0) 100%);

}
.site-main{flex:1 0 auto;}
.site-footer{flex-shrink:0;}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* Header fixé haut de page */
.site-header{
  height:var(--header-h);
  display:flex;align-items:center;justify-content:center;
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(0,0,0,.55);
  border-bottom:none;
  backdrop-filter: none;
}

.site-logo{  max-height: 100px!important;height:auto}
.home .site-header,.home .site-header > .header-inner {
  max-height: 150px!important;
}
.home .site-header {
background: #000000;
background: linear-gradient(360deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 64%);
}
.site-header > .header-inner{
  width: min(100%, var(--maxw)); margin: 0 auto; height:100%;
  display:flex; align-items:center; justify-content:center; position:relative;
}
.site-title{ margin:0; font-size:20px; font-weight:700;}

/* Bouton retour (couleurs via CSS vars) */
.back-btn{
  position:absolute;left:10px;top:50%;transform:translateY(-50%);
  height:40px;width:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--back-btn-bg); backdrop-filter: blur(2px); border:1px solid var(--back-btn-border); color: var(--back-btn-fg);
}
.back-btn svg{width:22px;height:22px; stroke: currentColor;}
.back-btn:active{transform:translateY(-50%) scale(.97)}

/* Cadre contenu centré */
.home .wrap {
  padding-top: 100px!important;
}
.wrap{
  margin:0 auto;
  max-width:var(--maxw);
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(3px);
  position: relative;
  padding-top: var(--header-h);
}

.site-main{padding-bottom:20px}

/* Grille d'icônes : 3 par ligne */
.menu-grid{
  list-style:none;margin:0;padding:16px;
  display:grid;grid-template-columns: repeat(3, 1fr);gap: var(--gap);
}
.menu-grid > li{margin:0;padding:0}

/* Carte */
.icon-card{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;border-radius:var(--radius);
  padding:16px 10px;text-align:center;transition: transform .08s ease, background .2s ease, box-shadow .2s ease;
  min-height:118px; box-shadow: 0 2px 8px rgba(0,0,0,.25);
  background:var(--card);
}
.icon-card:active{transform:scale(.98)}

/* Wrapper d'icône (reçoit la couleur personnalisée) */
.icon-wrap{
  width:var(--icon-size);
  height:var(--icon-size);
  border-radius:var(--icon-radius);
  background:#222;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.icon-wrap > img.icon-img{ width:100%;height:100%;object-fit:cover;border-radius:inherit; }
.icon-wrap > i{ font-size: calc(var(--icon-size) * 0.44); line-height:1; }

.icon-label{ font-size:13px;font-weight:600; letter-spacing:.2px; }

/* Social grid (shortcode) */
.social-grid{
  list-style:none;margin:0;padding:16px;
  display:grid;grid-template-columns: repeat(3, 1fr);gap: var(--gap);
}
.social-item .icon-card{ min-height:auto; padding:12px 8px; }
.social-item .icon-wrap{ margin: 0 auto; }
.social-item .icon-label{ margin-top:6px; font-size:12px; }

/* Sponsors grid (shortcode) */
.sponsors-grid{
  list-style:none;margin:0;padding:16px;
  display:grid;grid-template-columns: repeat(2, 1fr);gap: var(--gap);
}
@media (max-width: 600px){
  .sponsors-grid{ grid-template-columns: 1fr; }
}
.sponsor-card{
  background:var(--card); border-radius:var(--radius); padding:12px; display:flex; align-items:center; justify-content:center;
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.sponsor-card img{ max-height:76px; width:auto; }

/* Ticker bas de l'écran (uniquement accueil) */
.home .arena-ticker{
  position: fixed; left:0; right:0; bottom:0; height: var(--ticker-h);
  background: var(--ticker-bg); color: var(--ticker-fg); z-index: 200;
  overflow: hidden; border-top:1px solid rgba(255,255,255,.12);
}
.arena-ticker .track{
  display: inline-block; white-space: pre; 
  padding-left: 100%;
  animation: ticker var(--ticker-speed) linear infinite;
}
.arena-ticker .track {
  margin-top: 4px;
}
@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
.icon-card {
background: rgba(0,0,0,0);
  backdrop-filter: blur(Opx);
	box-shadow: none;
	padding: 4px 4px!important;
}
.wrap{
  backdrop-filter: none;
	background:none;
}
/* Contenu des pages */
.page-content{padding: 1px 16px;
  border-radius: 20px;
  background: rgba(0,0,0,.85);
  margin: 16px 0;
  max-width: 980px;
  color: #fff;
  margin: 16px; }
.page-content h1,.page-content h2,.page-content h3{ margin:0.6em 0 0.4em }
.page-content p{ margin:0.6em 0 }
.page-content h1 {
  display:none;
}
/* Footer minimal */
.site-footer{color:var(--muted);color:#fff;font-size: 12px;text-align: center;padding: 8px 0 60px;}
input,
select,
textarea {
  font-size: 16px !important;
}
/* iOS zoom prevention for form fields */
@supports (-webkit-touch-callout: none) {
  input, select, textarea { font-size: 16px !important; }
  
}

/* Update: admin En direct page - Tombola dedup + tw-meta highlight (2025-09-06) */








/* === WordPress core alignment & captions support === */
.wp-block-image img,
.entry-content img,
.site-main img{ max-width:100%; height:auto; }

.alignleft,
.wp-block-image .alignleft,
figure.alignleft{ float:left; margin: .25rem 1rem .25rem 0; }

.alignright,
.wp-block-image .alignright,
figure.alignright{ float:right; margin: .25rem 0 .25rem 1rem; }

.aligncenter,
.wp-block-image .aligncenter,
figure.aligncenter{ display:block; margin-left:auto; margin-right:auto; clear:both; text-align:center; }

/* Ensure figures don't exceed container width */
figure.alignleft, figure.alignright, figure.aligncenter{ max-width:100%; }

/* Captions */
.wp-caption{ max-width:100%; }
.wp-caption img{ display:block; margin:0 auto; }
.wp-caption .wp-caption-text,
.wp-block-image figcaption{ font-size:.9rem; color: var(--muted); text-align:center; margin-top:.4rem; }

/* Clear floats at end of content containers */
.entry-content::after,
.site-main::after{ content:''; display:block; clear:both; }

/* Optional: Gutenberg wide/full (will stay within wrap unless theme supports full-bleed) */
.alignwide{ margin-left: calc(var(--gap) * -1); margin-right: calc(var(--gap) * -1); }
@media (min-width: 900px){
  .alignwide{ width: auto; }
}
.alignfull{ width: 100vw; max-width: 100vw; margin-left: 50%; transform: translateX(-50%); }


/* Download button (before globe) */
.download-btn{
  position:absolute;
  top:50%;
  right: 12px;
  transform:translateY(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:9999px;
  background: var(--back-btn-bg);
  border: 1px solid var(--back-btn-border);
  color: var(--back-btn-fg);
  text-decoration:none;
  transition: transform .1s ease, background-color .2s ease, color .2s ease;
  font-size: 20px;
}
.download-btn:active{transform:translateY(-50%) scale(.97)}
/* Avis google */
.wprevpro_t1_SPAN_5 {
    color: #fff !important;
}
.wprevpro_t1_P_3 {
    color: #fff;
}
.wprevpro_t1_DIV_2:after {
    column-rule-color: #333;
	color: #333;
	
}

.wprevpro_t1_DIV_2 {
    background: #333 none repeat scroll 0 0 / auto padding-box border-box;
	border: 1px solid #333333;

}
.bouton-avis {
  position: fixed;
  right: 16px;
  bottom: calc(16px + env(safe-area-inset-bottom));
  z-index: 9999;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;

  padding: 12px 18px;
  border: 0;
  border-radius: 9999px;

  color: #fff !important;
  background-color: #f90 !important;
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0,0,0,.18), 0 2px 6px rgba(0,0,0,.12);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.bouton-avis:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.22), 0 3px 10px rgba(0,0,0,.14);
}

.bouton-avis:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(0,0,0,.16), 0 1px 4px rgba(0,0,0,.12);
}
.bouton-avis:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
@media (max-width: 480px) {
.bouton-avis {
    padding: 12px 16px;
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    font-size: 14px;
  }
}


 .sponsor-card {
  backdrop-filter: none;
	background:none;
}

.mq-box {

  border-radius: 20px !important;
}

.sponsor-card img {
  max-height: 120px;
  width: auto;
}

.mvp-vote-box {
  border: none;
  background:none !important;
	 padding: 0px !important;
}
.sp-confirm, .mq-confirm {
  border-left: 4px solid #05be17!important;
}
.mr-avg {
  font-size: 2.2rem!important;
  color:#eec844!important;
}
.sp-thanks, .mq-thanks{
  color: #05be17!important;
	text-align:center!important;
}
.sp-infos,.mq-infos, .mq-confirm-compact .mq-note{

	text-align:center!important;
}
.sp-box, .mr-box {
  border: none;
  background:none !important;
  padding: 0px !important;
  margin: 16px 0;
}



.mvp-prev-select {
  min-width: 125px !important;
}



.ps-chip {
  border: none !important;
}

.sp-score-wrap, .mr-teams{
  display: grid;
  grid-template-columns: 1fr 1fr!important;
  align-items: stretch;
  justify-items: center!important;
}
.mr-teams {
  margin: 0.2rem 0 0rem!important;
}
.mr-select {
  width: 90px!important;
  background: #111827!important;
  font-size: 1.4em !important;
  font-weight: bold!important;
  text-align: center!important;
  margin-bottom: 20px!important;
	min-width: auto!important;
}
.mvp-winner {
  display: block!important;
  padding: 14px;
  border-radius: 12px;
  margin-bottom: 18px;
  border: 1px solid rgba(255,215,0,.35);
  text-align: center!important;
}
.mvp-winner-media {
  flex: none !important;
  clear: both;
  width: 100%;
  display: block;
  text-align: center;
}
.sp-team-name {
  min-height: 48px;
}
.mvp-select {
    max-width: 150px !important;
    margin: auto!important;
}
.mvp-winner-photo {
max-width: 100% !important;
  width: auto !important;
  height: 220px !important;
  object-fit: cover;
  border-radius: 12px;
  border: 2px solid #ffd166;
  background: #fff;
	display: inline!important;
}
.mvp-winner-badge {
  font-size: 1.4rem!important;
  font-weight: bold!important;
}

/*Score*/
.sp-form input[type="text"], .sp-form input[type="number"] {
  padding: .5rem;
  border: 1px solid #ccc;
  border-radius: 30px !important;
}
.sp-logo {

    height: 150px !important;
}
.sp-score-sep,.mr-vs{
  display: none !important;
}
.sp-mypos--big {
  color: #ffdb83!important;
}
.sp-score-panel{
  max-width: 180px !important;
	}
.sp-score {
  width: 110px !important;
  height: 60px;
  text-align: center;
  font-size: 28px !important;
  line-height: 51px;
  font-weight: 800;
  color: #e5f0ff;
  background: #222;
  border: 2px solid #334155;
  border-radius: 22px;
  box-shadow:none;
}
.mq-answers-title {
  color: #ff8a00;
}
.mq-rank-title {
  color: #ff8a00;
}
 .sp-winner-title{
  color: #eec844;
}
.mvp-btn {
    display: block!important;
}
/*QUIZZ*/
.mq-btn, .mvp-btn, .sp-btn {
  padding: .75rem 1.1rem;
  border: none;
  background: #333 !important;
  color: #fff !important;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
  margin: auto;
  display: block;
  border: 1px solid #666;
}
.mvp-select {
max-width: 120px !important;
 min-width: auto!important;
}

@media (max-width: 640px) {
    .mvp-logo {
        width: 100px!important;
        height: 100px!important;
    }
	.sp-logo {
    width: 100px !important;
    height: 100px !important;
}
	.sp-score-panel{
  max-width: 130px !important;
		
	}
}

.mq-question {
  border-top: 1px dashed !important;
}
.page-id-3203 .page-content, .page-id-3273 .page-content{
  background: none!important;
  margin: 0px!important;
}
.mvp-bar span, .mr-bar span{
  background: #ffd166!important;
}
.mvp-bar,.mr-bar {
  background: #333!important;
}
.mvp-btn, .sp-btn, .mq-btn, .mr-btn{
  background: #ffa800 !important;
	font-size: 1em !important;
	border:none !important;
	color: #fff !important;
  font-weight: 600!important;
  text-transform: uppercase!important;
}
.js-mvp-view, .js-mr-view{
  background: #333 !important;
}
.ps-title{
 color: #fff !important;
}
.ps-qt {
  display: none!important;
}
.tw-alert {
  display: none;
}



.ps-wrap {
    max-width: 860px;
    margin: 0px 0 !important;
}