/* ============================================================
   japanadspro — thème V1 « Nuage premium » (sombre bleu marine + or)
   Surcouche GLOBALE, chargée après style.css et modern2026.css.
   Habille toutes les pages : nav, hero, formulaires, tableaux,
   cartes de prix, espace membre, footer.
   ============================================================ */
:root{
  --v1-nv:#0b1e4d;--v1-nv2:#153fa6;--v1-nv3:#234eb6;
  --v1-gold:#fed049;--v1-gold2:#f5b301;--v1-cyan:#21d3ac;--v1-cyan2:#59e0c3;
  --v1-txt:#eaf0ff;--v1-mut:#9fb0da;
  --v1-card:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  --v1-line:rgba(255,255,255,.12);
}

/* ---------- fond général sombre ---------- */
body{
  background:
    radial-gradient(1200px 600px at 80% -10%,#1c3f8f 0%,transparent 55%),
    radial-gradient(900px 500px at 0% 12%,#12276b 0%,transparent 50%),
    #081436 !important;
  color:var(--v1-txt) !important;
}
#container{color:var(--v1-txt);}
h1,h2,h3,h4,h5,.title,.entry-title{color:#fff !important;}
h2.title,.page-content h2.title{color:#fff !important;}
p,li,label,.form-control-plaintext,small{color:var(--v1-txt);}
a{color:var(--v1-gold);}
a:hover{color:#fff;}
hr{border-color:rgba(255,255,255,.14);}

/* ---------- barre de navigation (toutes pages) ---------- */
nav.navbar{
  background:rgba(8,20,54,.72) !important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 1px 0 rgba(255,255,255,.06) !important;
}
nav.navbar .navbar-brand img{filter:brightness(0) invert(1);}
nav.navbar .nav-link{color:#c3d0f0 !important;}
nav.navbar .nav-link:hover{color:#fff !important;}
nav.navbar .nav-item.login .nav-link{background:rgba(255,255,255,.06) !important;border:1.5px solid rgba(255,255,255,.35) !important;color:#fff !important;font-weight:700;}
nav.navbar .nav-item.login .nav-link i{color:var(--v1-gold) !important;}
nav.navbar .nav-item.login .nav-link:hover{border-color:var(--v1-gold) !important;background:rgba(254,208,73,.08) !important;}
nav.navbar .nav-item.register .nav-link{
  background:linear-gradient(135deg,var(--v1-gold),var(--v1-gold2)) !important;
  color:var(--v1-nv) !important;font-weight:700;}

/* ---------- contenu textuel (faq, terms, policy, 特商法) ---------- */
.page-content{color:#c7d2ee;}
.page-content .title{margin-bottom:1.5rem;}
.page-content b,.page-content strong{color:#fff;}
.page-content ul li{color:#c7d2ee;}
.faq ul>li{
  background:var(--v1-card);border:1px solid var(--v1-line);
  border-radius:16px;padding:22px 24px;margin-bottom:16px;list-style:none;}
.faq ul{padding:0 !important;}
.InnerHolder{
  background:var(--v1-card);border:1px solid var(--v1-line);
  border-radius:18px;padding:26px 30px;}
.InnerHolder ul{background:rgba(0,0,0,.15);border-radius:10px;padding:10px 16px !important;}
.InnerHolder li{color:#fff;}

/* ---------- formulaires (login, mot de passe) ---------- */
.auth-form{
  background:var(--v1-card) !important;
  border:1px solid var(--v1-line) !important;
  box-shadow:0 30px 70px rgba(0,10,40,.5) !important;
}
label{color:#c7d2ee !important;font-weight:600;}
.form-control{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border:1.5px solid rgba(255,255,255,.18) !important;
}
.form-control::placeholder{color:#8ea1cf;}
.form-control:focus{
  border-color:var(--v1-gold) !important;
  box-shadow:0 0 0 4px rgba(254,208,73,.18) !important;
  background:rgba(255,255,255,.12) !important;
}
.captcha_code{color:#0b1e4d !important;background:#fff !important;}

/* ---------- boutons ---------- */
.btn.btn-primary,.btn.btn-secondary{
  background:linear-gradient(135deg,var(--v1-gold),var(--v1-gold2)) !important;
  color:var(--v1-nv) !important;border:none !important;font-weight:800 !important;
  box-shadow:0 10px 26px rgba(254,208,73,.35) !important;border-radius:12px !important;}
.btn.btn-primary:hover,.btn.btn-secondary:hover{transform:translateY(-3px);}
.btn.btn-white{background:linear-gradient(135deg,var(--v1-gold),var(--v1-gold2)) !important;color:var(--v1-nv) !important;}

/* ---------- espace membre (mypage) ---------- */
.profile-page{color:var(--v1-txt);}
.widget{
  background:var(--v1-card) !important;
  border:1px solid var(--v1-line) !important;
  box-shadow:0 20px 50px rgba(0,10,40,.4) !important;color:#fff;}
.widget span{color:var(--v1-mut);}
.widget .price{color:#fff !important;}
.form-control-plaintext{color:#eaf0ff !important;}
.nav-pills .nav-link{color:#c3d0f0 !important;border:1px solid transparent;}
.nav-pills .nav-link:hover{background:rgba(255,255,255,.06);}
.nav-pills .nav-link.active{
  background:linear-gradient(135deg,var(--v1-nv2),var(--v1-nv3)) !important;color:#fff !important;
  box-shadow:0 8px 20px rgba(21,63,166,.4);}
.tab-pane .form-control[readonly],p.form-control{
  background:rgba(255,255,255,.06) !important;color:#eaf0ff !important;border-color:var(--v1-line) !important;}

/* ---------- gestionnaire de fichiers (management, share_files) ---------- */
.table,.table-files{color:#e5ecff !important;}
.table td,.table th,.table-files td,.table-files th{border-color:rgba(255,255,255,.10) !important;}
.table thead th a,.table-files thead th a{color:#c3d0f0 !important;font-weight:700;}
.table .filename a{color:var(--v1-cyan2) !important;}
.tdinfo{color:#b9c6ea !important;}
.folder-list li .link .name{color:#fff !important;}
.folder-list li .link .name span{color:var(--v1-mut) !important;}
.folder-list li .no-folder span{color:var(--v1-mut);}
#uploadName{color:var(--v1-mut);}

/* ---------- page premium (payment.php) ---------- */
.premium-page{color:var(--v1-txt);}
.premium-page #price>center>h3,.premium-page h2{color:#fff !important;}
.premium-page .plan-inner{
  background:#fff !important;border-radius:18px !important;overflow:visible !important;
  box-shadow:0 20px 50px rgba(0,10,40,.45) !important;
  transition:transform .25s ease,box-shadow .3s ease;}
.premium-page .plan:hover .plan-inner{transform:translateY(-8px);}
.premium-page .entry-content li{color:#323232 !important;}
.premium-page .entry-content li a{color:#153fa6 !important;font-weight:700;}
.premium-page .entry-content li strong{color:#0b1e4d !important;}
.premium-page .plan.basic .plan-inner{border:2px solid var(--v1-gold);}
.premium-page .strong h4,.premium-page h4{color:#fff !important;}

/* ---------- animations douces ---------- */
@keyframes v1fade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.auth-form,.widget,.faq ul>li,.premium-page .plan{animation:v1fade .5s ease both;}
@media (prefers-reduced-motion:reduce){*{animation:none !important;}}

/* ---------- pied de page (renfort contraste) ---------- */
.footer{background:linear-gradient(180deg,#0a205e,#071640) !important;}

/* ---------- bouton menu (burger) + tiroir mobile ---------- */
nav.navbar .navbar-toggler{
  width:46px;height:46px;padding:0;border-radius:12px;position:relative;
  background:rgba(255,255,255,.07) !important;
  border:1.5px solid rgba(254,208,73,.55) !important;
  box-shadow:0 6px 18px rgba(0,10,40,.35);
  transition:background .2s ease,border-color .2s ease,transform .15s ease;}
nav.navbar .navbar-toggler:hover{background:rgba(254,208,73,.14) !important;border-color:var(--v1-gold) !important;}
nav.navbar .navbar-toggler:active{transform:scale(.94);}
nav.navbar .navbar-toggler:focus{outline:none;box-shadow:0 0 0 4px rgba(254,208,73,.25);}
nav.navbar .navbar-toggler i{display:none;}
/* 3 barres or dessinées en CSS (ne dépend plus de la police d'icônes) */
nav.navbar .navbar-toggler::before{
  content:"";position:absolute;left:12px;right:12px;top:14px;height:16px;
  background:
    linear-gradient(var(--v1-gold),var(--v1-gold)) 0 0/100% 2.5px no-repeat,
    linear-gradient(var(--v1-gold),var(--v1-gold)) 0 50%/100% 2.5px no-repeat,
    linear-gradient(var(--v1-gold),var(--v1-gold)) 0 100%/100% 2.5px no-repeat;
  border-radius:2px;}
/* bouton fermer (dans le tiroir) = croix or */
nav.navbar .navbar-collapse .navbar-toggler::before{
  left:11px;right:11px;top:21px;height:2.5px;background:var(--v1-gold);transform:rotate(45deg);}
nav.navbar .navbar-collapse .navbar-toggler::after{
  content:"";position:absolute;left:11px;right:11px;top:21px;height:2.5px;
  background:var(--v1-gold);border-radius:2px;transform:rotate(-45deg);}
@media all and (max-width:992px){
  /* backdrop-filter ferait du nav le bloc conteneur du tiroir position:fixed */
  nav.navbar{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:rgba(8,20,54,.97) !important;}
  nav.navbar .navbar-collapse{height:100vh !important;
    background:linear-gradient(180deg,#0f2a6e 0%,#081436 100%) !important;
    border-left:1px solid rgba(254,208,73,.25);
    box-shadow:-20px 0 60px rgba(0,5,25,.6) !important;
    padding:78px 18px 24px !important;}
  nav.navbar .navbar-collapse .navbar-toggler{top:16px !important;right:16px !important;}
  nav.navbar .navbar-nav{padding:0;margin:0;}
  nav.navbar .navbar-nav .nav-item{list-style:none;margin:0 0 8px !important;}
  nav.navbar .navbar-nav .nav-link{
    color:#fff !important;font-size:1.05rem;font-weight:700;letter-spacing:.02em;
    padding:13px 16px !important;border-radius:12px;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10) !important;}
  nav.navbar .navbar-nav .nav-link:hover{background:rgba(254,208,73,.12);border-color:rgba(254,208,73,.5) !important;}
  nav.navbar .navbar-nav .nav-link i{color:var(--v1-gold);}
  nav.navbar .nav-item.login .nav-link{margin-top:10px;background:rgba(255,255,255,.05) !important;color:#fff !important;border:1.5px solid rgba(255,255,255,.28) !important;}
  nav.navbar .nav-item.login .nav-link,nav.navbar .nav-item.register .nav-link{padding-left:46px !important;}
  nav.navbar .nav-item.login .nav-link i,nav.navbar .nav-item.register .nav-link i{left:17px !important;top:50% !important;transform:translateY(-50%);}
  nav.navbar .nav-item.register .nav-link{
    background:linear-gradient(135deg,var(--v1-gold),var(--v1-gold2)) !important;
    color:var(--v1-nv) !important;border:none !important;}
  nav.navbar .nav-item.register .nav-link i{color:var(--v1-nv);}
}