
.fcta{--gold:#f4c84b;--line:#26384a;max-width:1180px;margin:0 auto;padding:10px 12px 24px;color:#eef4fa;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
.fcta *{box-sizing:border-box}.fcta button,.fcta input,.fcta textarea,.fcta select{font:inherit}.fcta button{cursor:pointer}
.fcta-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at 45% 0,rgba(244,200,75,.12),transparent 42%),linear-gradient(145deg,#12202c,#09121b);box-shadow:0 8px 24px rgba(0,0,0,.26)}
.fcta-home,.fcta-langs button,.fcta-admin-btn{border:1px solid #40556a;background:#101c28;color:#fff;border-radius:9px;text-decoration:none}.fcta-home{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;font-weight:800;font-size:12px}
.fcta-titlebar{min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;text-align:left}.fcta-title-icon{font-size:30px;line-height:1}.fcta-title{color:var(--gold);font-weight:950;letter-spacing:.4px;font-size:22px;line-height:1.05}.fcta-sub{margin-top:2px;color:#9fb0bf;font-size:11px;line-height:1.15}
.fcta-right{display:flex;align-items:center;gap:7px}.fcta-langs{display:flex;gap:5px}.fcta-langs button{min-width:48px;padding:7px 8px;font-size:11px;font-weight:850}.fcta-langs button.active{border-color:var(--gold);color:#fff3b5;box-shadow:0 0 12px rgba(244,200,75,.18)}.fcta-admin-btn{width:36px;height:36px;padding:0;display:grid;place-items:center;font-size:16px}
.fcta-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 12px}.fcta-add{flex:0 0 auto;border:1px solid var(--gold);background:linear-gradient(135deg,var(--gold),#d7a91e);color:#111;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:950}
.fcta-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.fcta-filters button{border:1px solid #3a4d60;background:#0e1822;color:#dce7ef;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:750}.fcta-filters button.active{border-color:var(--gold);color:var(--gold)}
.fcta-grid{display:grid;grid-template-columns:1fr;gap:10px}.fcta-card{position:relative;overflow:hidden;border:1px solid rgba(244,200,75,.58);border-left:5px solid var(--gold);border-radius:12px;background:radial-gradient(circle at 100% 0,rgba(244,200,75,.13),transparent 38%),linear-gradient(145deg,#132330,#0b1721);padding:14px 16px;box-shadow:0 5px 18px rgba(0,0,0,.30),0 0 0 1px rgba(244,200,75,.05) inset;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.fcta-card:hover,.fcta-card:focus-within{border-color:var(--gold);box-shadow:0 7px 22px rgba(0,0,0,.36),0 0 16px rgba(244,200,75,.13);transform:translateY(-1px)}
.fcta-cardtoggle{width:100%;display:flex;align-items:center;gap:11px;padding:3px 1px;border:0;background:transparent;text-align:left;color:#fff}.fcta-cardtoggle h3{flex:1;margin:0;color:#fff!important;font-size:17px;line-height:1.3;font-weight:900;letter-spacing:.1px}.fcta-chevron{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(244,200,75,.6);border-radius:50%;color:var(--gold);background:rgba(244,200,75,.08);font-size:10px;transition:transform .2s ease,background .2s ease}.fcta-card.open .fcta-chevron{transform:rotate(90deg);background:rgba(244,200,75,.17)}.fcta-carddetails{margin-top:12px;padding-top:10px;border-top:1px solid rgba(244,200,75,.25)}.fcta-cardtop{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.fcta-cardcat{color:var(--gold);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.fcta-cardtop small,.fcta-author{color:#8497a8;font-size:10px}.fcta-text{color:#dbe4ea;font-size:13px;line-height:1.45}.fcta-text p{margin:0 0 7px}
.fcta-cardactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.fcta-cardactions button,.fcta-cardactions a{display:inline-flex;align-items:center;border:1px solid #3c5064;background:#0d1721;color:#dfe8ef;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:800;text-decoration:none}.fcta-document{border-color:rgba(244,200,75,.55)!important;color:var(--gold)!important}.fcta-empty{text-align:center;color:#8fa2b4;padding:24px 0}
.fcta-modal[hidden],.fcta-toast[hidden]{display:none!important}.fcta-modal{position:fixed;z-index:999999;inset:0;background:rgba(0,0,0,.80);display:grid;place-items:center;padding:15px;backdrop-filter:blur(3px)}.fcta-panel{position:relative;width:min(600px,96vw);max-height:92vh;overflow:auto;background:#0d1823;border:1px solid #41576b;border-radius:16px;padding:20px}.fcta-panel.small{width:min(380px,96vw)}.fcta-imagepanel{width:min(900px,96vw)}.fcta-x{position:absolute;right:8px;top:7px;border:0;background:transparent;color:#fff;font-size:28px}.fcta-panel h2{margin:0 0 14px;color:var(--gold)}.fcta-panel label{display:block;margin:11px 0;color:#cbd8e4;font-size:12px}.fcta-panel input,.fcta-panel textarea,.fcta-panel select{width:100%;padding:10px;margin-top:5px;background:#07111a;color:#fff;border:1px solid #40566a;border-radius:8px}.fcta-submit{border:0;background:var(--gold);color:#111;border-radius:8px;padding:10px 14px;font-weight:900}.fcta-panel img{display:block;max-width:100%;max-height:82vh;margin:auto;border-radius:9px}
@media(max-width:900px){.fcta-home span{display:none}.fcta-title{font-size:18px}.fcta-sub{display:none}.fcta-title-icon{font-size:25px}.fcta-controls{align-items:flex-start;flex-direction:column}.fcta-filters{justify-content:flex-start}}
@media(max-width:700px){
 .fcta{padding:6px 7px 18px}.fcta-toolbar{gap:6px;padding:7px 8px;border-radius:11px}.fcta-home{padding:7px 8px;min-width:36px;justify-content:center;font-size:0}.fcta-home::after{content:"⌂";font-size:18px}
 .fcta-titlebar{gap:6px;justify-content:flex-start}.fcta-title-icon{font-size:23px}.fcta-title{font-size:15px;letter-spacing:.2px;white-space:nowrap}.fcta-right{gap:4px}.fcta-langs{gap:3px}.fcta-langs button{min-width:0;padding:6px;font-size:0}.fcta-langs button span{display:none}.fcta-admin-btn{width:31px;height:31px;font-size:14px}
 .fcta-controls{margin:7px 0 9px;gap:7px}.fcta-add{width:100%;padding:8px 10px;font-size:11px}.fcta-filters{width:100%;gap:5px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.fcta-filters::-webkit-scrollbar{display:none}.fcta-filters button{flex:0 0 auto;padding:6px 8px;font-size:10px;border-radius:7px}
 .fcta-grid{grid-template-columns:1fr;gap:9px}.fcta-card{padding:11px 12px;border-left-width:4px;border-radius:10px}.fcta-cardtoggle{gap:8px}.fcta-cardtoggle h3{font-size:14px;line-height:1.3}.fcta-chevron{width:20px;height:20px;font-size:9px}.fcta-text{font-size:12px;line-height:1.38}.fcta-cardactions{margin-top:9px;gap:5px}.fcta-cardactions button,.fcta-cardactions a{padding:5px 7px;font-size:9px}
}


/* =========================================================
   1.1.1 — FOND DE PAGE + DRAPEAUX + LISIBILITE FORMULAIRES
   ========================================================= */

/* Toute la page Trucs & Astuces reprend le theme sombre du site */
body.page-id-826,
body.page-id-826 #page,
body.page-id-826 .site,
body.page-id-826 .site-content,
body.page-id-826 .content-area,
body.page-id-826 main,
body.page-id-826 .entry-content,
body.page-id-826 .wp-site-blocks{
  background:#081019 !important;
  color:#eef4fa !important;
}

body.page-id-826 .entry-content{
  margin-top:0 !important;
  padding-top:0 !important;
}

body.page-id-826 .site-footer,
body.page-id-826 footer{
  background:#081019 !important;
  color:#9fb0bf !important;
}

/* Le conteneur du module lui-meme reste sombre sur toute la hauteur */
.fcta{
  background:#081019 !important;
  min-height:70vh;
}

/* Les vrais drapeaux restent visibles sur mobile */
@media(max-width:700px){
  .fcta-langs button{
    font-size:16px !important;
    line-height:1 !important;
    min-width:34px !important;
    width:34px !important;
    height:31px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .fcta-langs button span{
    display:none !important;
  }
}

/* Saisie parfaitement lisible sur fond noir */
.fcta-panel input,
.fcta-panel textarea,
.fcta-panel select,
#fcta-admincode{
  background:#07111a !important;
  color:#ffffff !important;
  caret-color:#f4c84b !important;
  border-color:#496176 !important;
}

.fcta-panel input::placeholder,
.fcta-panel textarea::placeholder,
#fcta-admincode::placeholder{
  color:#9fb0bf !important;
  opacity:1 !important;
}

.fcta-panel select option{
  background:#07111a !important;
  color:#ffffff !important;
}

.fcta-panel label{
  color:#dbe6ee !important;
}

/* 1.1.2 — accès contributeur en 2 étapes */
.fcta-codehelp{color:#aebdca;font-size:12px;line-height:1.4;margin:0 0 12px}
#fcta-codemodal .fcta-submit{width:100%;margin-top:10px}
#fcta-newcode{font-size:16px!important}

/* 1.2.0 - cartes repliees, titre lisible et documents generiques */
.fcta-card[hidden],.fcta-carddetails[hidden]{display:none!important}

/* 1.2.1 - liste pleine largeur et reperage dore des astuces */
