/* Craft Popup Notification v21 — 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);}
.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;}
.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 (Pays, Langue, Devise) */
.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;}

/* Buttons */
.rcsp-btn-row{display:flex;gap:10px;margin-top:22px;}
.rcsp-btn{flex:1;padding:11px;border-radius:var(--rcsp-r-sm);font-family:var(--rcsp-font);font-size:.93rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;line-height:1;}
.rcsp-btn--cancel{background:#f3f4f6;color:var(--rcsp-muted);}
.rcsp-btn--cancel:hover{background:#e5e7eb;color:#374151;}
.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 — style badge Gameseal */
.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 style Gameseal — drapeau + langue | symbole dans un seul badge */
.rcsp-sc-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;border:1.5px solid rgba(255,255,255,0.45);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;}
.rcsp-sc-badge:hover{border-color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.10);}
.rcsp-sc-flag{font-size:1rem;line-height:1;}
.rcsp-sc-lang{color:#fff;font-weight:700;letter-spacing:.5px;}
.rcsp-sc-sep{color:rgba(255,255,255,0.5);margin:0 2px;font-weight:400;}
.rcsp-sc-cur{color:#fff;font-weight:700;letter-spacing:.5px;}
.rcsp-trigger--link.rcsp-sc-badge{border:1.5px solid #d1d5db;background:transparent;padding:5px 14px;}
.rcsp-trigger--link.rcsp-sc-badge .rcsp-sc-lang,
.rcsp-trigger--link.rcsp-sc-badge .rcsp-sc-cur{color:var(--rcsp-text);}
.rcsp-trigger--link.rcsp-sc-badge .rcsp-sc-sep{color:var(--rcsp-muted);}
.rcsp-trigger--link.rcsp-sc-badge:hover{border-color:var(--rcsp-blue);background:transparent;}

/* 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 (bas d'écran, centré, marges latérales) ════ */
.rccs-geo-notif {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  width: calc(100% - 32px);
  max-width: 560px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-bottom: none;
  border-top: 4px solid var(--rcsp-blue);
  border-radius: 18px 18px 0 0;
  box-shadow: 0 -6px 40px rgba(0,0,0,0.14), 0 -2px 12px rgba(0,0,0,0.07);
  z-index: 999998;
  font-family: var(--rcsp-font);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(.34,1.56,.64,1), opacity 0.3s ease;
  box-sizing: border-box;
}
.rccs-geo-notif.rccs-geo-show {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}

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

.rccs-geo-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 56px 20px 20px;
  flex-wrap: nowrap;
  position: relative;
}

.rccs-geo-left {
  flex: 1;
  min-width: 0;
}

.rccs-geo-intro {
  font-size: .78rem;
  color: var(--rcsp-muted);
  margin: 0 0 4px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .6px;
  line-height: 1.3;
}

.rccs-geo-country {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
.rccs-geo-flag { font-size: 2rem; line-height: 1; flex-shrink: 0; }
.rccs-geo-name {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--rcsp-text);
  line-height: 1.1;
}

.rccs-geo-detail-line {
  font-size: .83rem;
  color: var(--rcsp-muted);
  margin: 2px 0 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.rccs-geo-detail-lbl { font-weight: 500; }
.rccs-geo-detail-val { color: var(--rcsp-text); font-weight: 600; }

/* Bouton OUI — couleur du bouton popup (éditable) */
.rccs-geo-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.rccs-geo-btn {
  padding: 13px 28px;
  background: var(--rcsp-blue);
  color: #fff;
  font-size: .95rem;
  font-weight: 800;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  font-family: var(--rcsp-font);
  transition: opacity .2s, transform .2s;
  letter-spacing: 1.5px;
  box-shadow: 0 4px 16px rgba(49,129,255,.35);
  white-space: nowrap;
}
.rccs-geo-btn:hover { opacity: 0.92; transform: translateY(-1px); }
.rccs-geo-btn:active { transform: none; }

.rccs-geo-close-btn {
  background: none;
  border: none;
  color: #9ca3af;
  font-size: .78rem;
  cursor: pointer;
  font-family: var(--rcsp-font);
  padding: 2px 4px;
  transition: color .15s;
}
.rccs-geo-close-btn:hover { color: #6b7280; }

@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%;max-width:100%;border-radius:16px 16px 0 0;}
  .rccs-geo-inner{padding:16px 44px 16px 16px;flex-wrap:wrap;gap:12px;}
  .rccs-geo-actions{flex-direction:row;gap:10px;width:100%;}
  .rccs-geo-btn{flex:1;text-align:center;justify-content:center;}
}

/* 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--cancel{color:#6b7280 !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;}