/* Craft Popup Notification v22 — Regon Craft */
:root {
  --rcsp-blue:    #3181FF;
  --rcsp-blue-dk: #1a6ae0;
  --rcsp-blue-lt: rgba(49,129,255,0.10);
  --rcsp-white:   #ffffff;
  --rcsp-text:    #111827;
  --rcsp-muted:   #6b7280;
  --rcsp-border:  #e5e7eb;
  --rcsp-overlay: rgba(0,0,0,0.5);
  --rcsp-r:       14px;
  --rcsp-r-sm:    9px;
  --rcsp-font:    -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
.trp-floatingbar,.trp-floating-bar,.trp_floating_bar,#trp-floatingbar,#trp_floatingbar{display:none !important;visibility:hidden !important;}

/* Overlay */
.rcsp-overlay{position:fixed;inset:0;background:var(--rcsp-overlay);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:999999;padding:16px;opacity:0;pointer-events:none;transition:opacity .25s ease;}
.rcsp-overlay.rcsp-open{opacity:1;pointer-events:all;}

/* Modal */
.rcsp-modal{background:var(--rcsp-white);border-radius:var(--rcsp-r);padding:30px 26px 26px;width:100%;max-width:420px;position:relative;font-family:var(--rcsp-font);box-shadow:0 20px 50px rgba(0,0,0,0.15),0 4px 12px rgba(0,0,0,0.08);border-top:4px solid var(--rcsp-blue);transform:scale(.93) translateY(14px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);overflow:visible;}
.rcsp-overlay.rcsp-open .rcsp-modal{transform:scale(1) translateY(0);}

/* Close */
.rcsp-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#f3f4f6;border:none;color:#9ca3af;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;padding:0;line-height:1;}
.rcsp-close:hover{background:#fee2e2;color:#dc2626;}

/* Titre */
.rcsp-title{font-size:1.25rem!important;font-weight:700!important;color:var(--rcsp-text)!important;margin:0 0 5px!important;line-height:1.3!important;}
.rcsp-subtitle{color:var(--rcsp-muted);font-size:.85rem;margin:0 0 22px;line-height:1.5;}

/* Field */
.rcsp-field{margin-bottom:14px;position:relative;z-index:1;}.rcsp-field:focus-within{z-index:10;}
.rcsp-label{display:block;font-size:.72rem;font-weight:700;color:var(--rcsp-muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:5px;}

/* FAUX SELECT */
.rcsp-fake-select{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:var(--rcsp-r-sm);cursor:pointer;font-family:var(--rcsp-font);font-size:.93rem;transition:border-color .2s,box-shadow .2s;user-select:none;}
.rcsp-fake-select:hover,.rcsp-fake-select.rcsp-open{border-color:var(--rcsp-blue);box-shadow:0 0 0 3px rgba(49,129,255,.15);}
.rcsp-trigger-flag{font-size:1.1rem;margin-right:8px;line-height:1;}
.rcsp-trigger-text{color:#111827;font-weight:500;}
.rcsp-trigger-placeholder{color:#9ca3af;}
.rcsp-fake-select .rcsp-arrow{color:var(--rcsp-muted);font-size:.62rem;pointer-events:none;flex-shrink:0;margin-left:8px;transition:transform .2s;}
.rcsp-fake-select.rcsp-open .rcsp-arrow{transform:rotate(180deg);}

/* DROPDOWN */
.rcsp-generic-dropdown{border:1.5px solid var(--rcsp-blue);border-top:none;border-radius:0 0 var(--rcsp-r-sm) var(--rcsp-r-sm);overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,0.10);margin-top:-1px;background:#fff;}
.rcsp-country-dropdown{border:1.5px solid var(--rcsp-blue);border-top:none;border-radius:0 0 var(--rcsp-r-sm) var(--rcsp-r-sm);overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,0.10);margin-top:-1px;}

/* Barre de recherche */
.rcsp-search-wrap{position:relative;border-bottom:1px solid var(--rcsp-border);}
.rcsp-country-search-wrap{position:relative;border-bottom:1px solid var(--rcsp-border);}
.rcsp-search-input,.rcsp-country-search{width:100%;padding:9px 32px 9px 12px;background:#fff !important;border:none !important;color:#111827 !important;font-family:var(--rcsp-font);font-size:.88rem;outline:none;box-sizing:border-box;}
.rcsp-search-input::placeholder,.rcsp-country-search::placeholder{color:#9ca3af;}
.rcsp-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;font-size:11px;padding:2px 4px;line-height:1;border-radius:4px;transition:color .15s;display:flex;align-items:center;}
.rcsp-search-clear:hover{color:#374151;}

/* Liste items */
.rcsp-item-list,.rcsp-country-list{max-height:190px;overflow-y:auto;background:#fff;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;}
.rcsp-item-list::-webkit-scrollbar,.rcsp-country-list::-webkit-scrollbar{width:4px;}
.rcsp-item-list::-webkit-scrollbar-thumb,.rcsp-country-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px;}
.rcsp-item-btn,.rcsp-country-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:#fff;border:none;border-bottom:1px solid #f3f4f6;cursor:pointer;text-align:left;transition:background .12s;font-family:var(--rcsp-font);}
.rcsp-item-btn:last-child,.rcsp-country-item:last-child{border-bottom:none;}
.rcsp-item-btn:hover,.rcsp-country-item:hover{background:#eff6ff;}
.rcsp-item-btn.rcsp-active,.rcsp-country-item.rcsp-active{background:var(--rcsp-blue-lt);font-weight:600;}
.rcsp-item-icon{font-size:1.15rem;line-height:1;flex-shrink:0;}
.rcsp-country-flag{font-size:1.15rem;line-height:1;flex-shrink:0;}
.rcsp-item-label,.rcsp-country-name{flex:1;font-size:.88rem;color:#111827;}
.rcsp-item-sub{font-size:.78rem;color:var(--rcsp-muted);margin-left:auto;}
.rcsp-no-results{padding:12px;font-size:.85rem;color:#9ca3af;text-align:center;background:#fff;}

/* Bouton popup — OUI prend toute la largeur (style Gameseal) */
.rcsp-btn-row{display:flex;gap:10px;margin-top:22px;}
.rcsp-btn{flex:1;padding:13px;border-radius:var(--rcsp-r-sm);font-family:var(--rcsp-font);font-size:.95rem;font-weight:700;cursor:pointer;border:none;transition:all .2s;line-height:1;}
.rcsp-btn--save{background:var(--rcsp-blue);color:#fff;box-shadow:0 3px 10px rgba(49,129,255,.3);}
.rcsp-btn--save:hover{background:var(--rcsp-blue-dk);transform:translateY(-1px);box-shadow:0 5px 16px rgba(49,129,255,.45);}
.rcsp-btn--save:active{transform:none;}

/* Trigger shortcode */
.rcsp-trigger{display:inline-flex;align-items:center;gap:5px;padding:6px 16px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,0.5);border-radius:999px;font-family:var(--rcsp-font);font-size:.88rem;font-weight:600;cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s;white-space:nowrap;letter-spacing:.3px;}
.rcsp-trigger:hover{border-color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.12);color:#fff;text-decoration:none;}
.rcsp-trigger--link{border:none;padding:0;background:transparent;color:var(--rcsp-muted);border-radius:0;}
.rcsp-trigger--link:hover{color:var(--rcsp-blue);background:transparent;}

/* Badge shortcode */
.rcsp-sc-flag{font-size:1rem;line-height:1;}

/* ── Thème LIGHT : fond blanc, texte sombre, bordure grise (comme sur l'image) ── */
.rcsp-sc-badge--light{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;border:1.5px solid rgba(255,255,255,0.7);border-radius:999px;background:transparent;font-family:var(--rcsp-font);font-size:.88rem;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:border-color .2s,background .2s;line-height:1;vertical-align:middle;box-sizing:border-box;}
.rcsp-sc-badge--light:hover{border-color:#fff;background:rgba(255,255,255,0.12);}
.rcsp-sc-badge--light .rcsp-sc-lang,
.rcsp-sc-badge--light .rcsp-sc-cur{color:#ffffff;font-weight:700;letter-spacing:.5px;}
.rcsp-sc-badge--light .rcsp-sc-sep{color:rgba(255,255,255,0.5);margin:0 2px;font-weight:400;}
.rcsp-sc-badge--light .rcsp-sc-arrow{color:rgba(255,255,255,0.8);}

/* ── Thème DARK : fond noir, texte blanc, bordure sombre ── */
.rcsp-sc-badge--dark{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;border:1.5px solid rgba(0,0,0,0.7);border-radius:999px;background:transparent;font-family:var(--rcsp-font);font-size:.88rem;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:border-color .2s,background .2s;line-height:1;vertical-align:middle;box-sizing:border-box;}
.rcsp-sc-badge--dark:hover{border-color:#000;background:rgba(0,0,0,0.06);}
.rcsp-sc-badge--dark .rcsp-sc-lang,
.rcsp-sc-badge--dark .rcsp-sc-cur{color:#111827;font-weight:700;letter-spacing:.5px;}
.rcsp-sc-badge--dark .rcsp-sc-sep{color:rgba(0,0,0,0.35);margin:0 2px;font-weight:400;}
.rcsp-sc-badge--dark .rcsp-sc-arrow{color:rgba(0,0,0,0.6);}
.rcsp-sc-arrow{font-size:.55rem;opacity:.9;margin-left:3px;line-height:1;display:inline-block;}
/* Wrapper auto-généré quand deux shortcodes sont côte à côte */
.rcsp-sc-inline-wrap{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;}

/* Toast */
.rcsp-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(60px);background:#111827;color:#fff;padding:9px 18px;border-radius:999px;font-family:var(--rcsp-font);font-size:.85rem;font-weight:500;z-index:1000000;white-space:nowrap;pointer-events:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
.rcsp-toast.rcsp-toast--show{transform:translateX(-50%) translateY(0);}

/* ════ NOTIFICATION — STYLE GAMESEAL EXACT ════
   Pleine largeur, fond blanc, grand pays bold,
   bouton OUI pill dégradé rose pleine largeur
*/
.rccs-geo-notif {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  width: calc(100% - 32px);
  max-width: 560px;
  background: #fff;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -8px 40px rgba(0,0,0,0.18);
  z-index: 999998;
  font-family: var(--rcsp-font);
  opacity: 0;
  transition: transform 0.45s cubic-bezier(.34,1.3,.64,1), opacity 0.3s ease;
  box-sizing: border-box;
  padding: 28px 24px 24px;
}
.rccs-geo-notif.rccs-geo-show {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}

.rccs-geo-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  font-size: 18px;
  color: #9ca3af;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color .2s;
}
.rccs-geo-close:hover { color: #374151; }

.rccs-geo-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.rccs-geo-left { width: 100%; }

.rccs-geo-intro {
  font-size: 1rem;
  color: #111827;
  margin: 0 0 8px;
  font-weight: 400;
  line-height: 1.4;
}

.rccs-geo-country {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.rccs-geo-flag { font-size: 2rem; line-height: 1; flex-shrink: 0; }
.rccs-geo-name {
  font-size: 2.2rem;
  font-weight: 800;
  color: #111827;
  line-height: 1.1;
}

.rccs-geo-detail-line {
  font-size: .9rem;
  color: #374151;
  margin: 2px 0 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.rccs-geo-detail-lbl { font-weight: 400; }
.rccs-geo-detail-val { font-weight: 600; }

.rccs-geo-actions {
  width: 100%;
}

/* Bouton OUI — pill dégradé rose pleine largeur comme Gameseal */
.rccs-geo-btn {
  display: block;
  width: 100%;
  padding: 16px;
  background: linear-gradient(90deg, #ff6eb4, #ff3d6b, #ff6eb4);
  background-size: 200% auto;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  font-family: var(--rcsp-font);
  letter-spacing: 1px;
  text-align: center;
  transition: background-position .4s ease, transform .15s;
}
.rccs-geo-btn:hover {
  background-position: right center;
  transform: translateY(-1px);
}
.rccs-geo-btn:active { transform: none; }

@media(max-width:600px){
  .rcsp-modal{padding:22px 16px 18px;}
  .rcsp-title{font-size:1.1rem!important;}
  .rcsp-item-list,.rcsp-country-list{max-height:150px;}
  .rccs-geo-notif{width:100%;border-radius:20px 20px 0 0;padding:24px 18px 20px;}
  .rccs-geo-name{font-size:1.8rem;}
}

/* Override thème */
.rcsp-modal,.rcsp-modal *,.rcsp-modal h2,.rcsp-modal p,.rcsp-modal label,.rcsp-modal select,.rcsp-modal option,.rcsp-modal button{color:revert;}
.rcsp-modal{color:#111827 !important;}.rcsp-title{color:#111827 !important;}.rcsp-subtitle{color:#6b7280 !important;}.rcsp-label{color:#6b7280 !important;}
.rcsp-item-label,.rcsp-country-name{color:#111827 !important;}.rcsp-search-input,.rcsp-country-search{color:#111827 !important;}
.rcsp-btn--save{color:#fff !important;}.rcsp-close{color:#9ca3af !important;}
.rccs-geo-notif,.rccs-geo-notif *{color:revert;}
.rccs-geo-intro{color:#6b7280 !important;}.rccs-geo-name{color:#111827 !important;}
.rccs-geo-detail-lbl{color:#6b7280 !important;}.rccs-geo-detail-val{color:#111827 !important;}
.rccs-geo-btn{color:#fff !important;}
