/* Sylvaterre — styles comptes & dashboard (s'appuie sur les variables du thème, avec fallbacks) */

/* ===== Layout auth deux colonnes (image + formulaire) ===== */
/* Full-bleed : s'étend sur toute la largeur même si le thème met un conteneur étroit */
.sylv-split{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw;display:grid;grid-template-columns:1.05fr .95fr;min-height:78vh;background:var(--cream,#fdfbf4)}
/* Masque le titre de page WP en double et le padding du conteneur sur les pages auth */
body.sylv-auth-page .page-head,
body.sylv-auth-page .entry-title,
body.sylv-auth-page .page-title{display:none!important}
body.sylv-auth-page .prose,
body.sylv-auth-page .entry-content,
body.sylv-auth-page main,
body.sylv-auth-page .wrap{max-width:none!important;padding:0!important;margin:0!important}
.sylv-visual{position:relative;overflow:hidden;background:linear-gradient(160deg,#2e7d5b,#14532d)}
.sylv-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sylv-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,32,24,.7) 0%,rgba(12,32,24,.15) 55%,rgba(12,32,24,.25) 100%)}
.sylv-quote{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:46px 44px;color:#fff}
.sylv-quote .q{font-size:1.5rem;font-weight:700;line-height:1.3;max-width:440px;margin-bottom:18px}
.sylv-quote .who{display:flex;align-items:center;gap:12px}
.sylv-quote .who .av{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:1.2rem}
.sylv-quote .who b{display:block;font-size:.95rem}
.sylv-quote .who span{font-size:.85rem;color:#cdead9}
.sylv-visual .vlogo{position:absolute;z-index:2;top:32px;left:44px;color:#fff;font-weight:800;font-size:1.4rem;display:flex;align-items:center;gap:9px}
.sylv-visual .vlogo .b{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:1.05rem}

.sylv-formside{display:flex;align-items:center;justify-content:center;padding:50px 40px}
.sylv-formwrap{width:100%;max-width:400px}
.sylv-formwrap .eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green,#2e9e5b);margin-bottom:10px}
.sylv-formwrap h1{font-size:2rem;color:var(--green-dark,#14532d);margin-bottom:6px;font-weight:700;line-height:1.15}
.sylv-formwrap .sylv-sub{color:var(--ink-soft2,#5a6b60);margin-bottom:26px;font-size:1rem}

.sylv-label{display:block;font-weight:600;color:var(--green-dark,#14532d);font-size:.88rem;margin:16px 0 6px}
.sylv-input{width:100%;border:1.5px solid var(--mint-2,#d3eede);border-radius:12px;padding:14px 16px;font-size:1rem;color:var(--ink,#1f2e25);background:#fff;transition:border-color .2s,box-shadow .2s;font-family:inherit}
.sylv-input:focus{outline:none;border-color:var(--green,#2e9e5b);box-shadow:0 0 0 3px rgba(46,158,91,.12)}
.sylv-row-between{display:flex;align-items:center;justify-content:space-between;margin:16px 0 4px;flex-wrap:wrap;gap:8px}
.sylv-check{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--ink-soft2,#5a6b60);margin:0}
.sylv-link{color:var(--green-deep,#1c7544);font-weight:600;font-size:.9rem}
.sylv-btn{width:100%;margin-top:22px;background:var(--green,#2e9e5b);color:#fff;border:none;padding:15px;border-radius:100px;font-weight:700;font-size:1.02rem;cursor:pointer;transition:background .2s,transform .2s}
.sylv-btn:hover{background:var(--green-deep,#1c7544);transform:translateY(-1px)}
.sylv-alt{text-align:center;margin-top:22px;font-size:.94rem;color:var(--ink-soft2,#5a6b60)}
.sylv-alt a{color:var(--green-deep,#1c7544);font-weight:700}
.sylv-notice{padding:13px 16px;border-radius:12px;margin-bottom:18px;font-weight:600;font-size:.92rem}

@media(max-width:860px){
  .sylv-split{grid-template-columns:1fr;min-height:0}
  .sylv-visual{min-height:200px}
  .sylv-quote{padding:28px}
  .sylv-quote .q{font-size:1.15rem}
  .sylv-formside{padding:40px 24px}
}

/* Dashboard */
.sylv-dash{max-width:1000px;margin:40px auto;padding:0 22px}
.sylv-dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.sylv-hello{color:var(--ink-soft2,#5a6b60);font-size:.95rem}
.sylv-dash-head h1{font-size:1.9rem;color:var(--green-dark,#14532d);font-weight:700}
.sylv-logout{color:var(--ink-soft2,#5a6b60);font-weight:600;font-size:.9rem;border:1px solid var(--mint-2,#d3eede);padding:9px 16px;border-radius:100px}
.sylv-logout:hover{color:var(--green-deep,#1c7544)}
.sylv-banner-warn{background:#fff6dd;color:#9a7b1f;border-radius:14px;padding:14px 18px;font-weight:600;margin-bottom:24px}
.sylv-banner-warn a{color:#9a7b1f;text-decoration:underline}
.sylv-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.sylv-stat{background:#fff;border:1px solid var(--mint-2,#d3eede);border-radius:18px;padding:22px}
.sylv-stat .v{font-size:1.7rem;font-weight:800;color:var(--green-deep,#1c7544);line-height:1}
.sylv-stat .l{font-size:.82rem;color:var(--ink-soft2,#5a6b60);font-weight:600;margin-top:6px}
.sylv-stat.hi{background:var(--green-deep,#1c7544)}
.sylv-stat.hi .v{color:var(--sun,#ffd45e)}
.sylv-stat.hi .l{color:#cdead9}
.sylv-grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.sylv-box{background:#fff;border:1px solid var(--mint-2,#d3eede);border-radius:18px;padding:28px}
.sylv-box h2{font-size:1.25rem;color:var(--green-dark,#14532d);margin-bottom:8px;font-weight:700}
.sylv-box p{color:var(--ink-soft2,#5a6b60);font-size:.95rem;margin-bottom:16px}
.sylv-code{display:flex;gap:10px;align-items:center;background:#0e1f16;border-radius:10px;padding:12px 14px;margin-bottom:16px}
.sylv-code code{color:#8fe3b0;font-size:.8rem;word-break:break-all;flex:1;font-family:ui-monospace,Menlo,monospace}
.sylv-copy{background:var(--sun,#ffd45e);color:var(--green-dark,#14532d);border:none;border-radius:6px;padding:7px 12px;font-weight:700;font-size:.78rem;cursor:pointer;flex-shrink:0}
.sylv-prev-label{font-size:.8rem;color:var(--ink-soft2,#5a6b60);margin-bottom:8px!important}
.sylv-widget-preview{background:linear-gradient(160deg,#1c7544,#14532d);color:#fff;border-radius:14px;padding:18px;text-align:center}
.sylv-widget-preview .wlbl{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9fcfb4}
.sylv-widget-preview .wbig{font-size:30px;font-weight:800;color:var(--sun,#ffd45e);line-height:1;margin-top:4px}
.sylv-widget-preview .wsub{font-size:13px;color:#cdead9;font-weight:600;margin-top:4px}
.sylv-widget-preview .wbrand{font-size:10px;color:#9fcfb4;font-weight:600;margin-top:10px}
.sylv-certs{list-style:none;margin:0;padding:0}
.sylv-certs li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px dashed var(--mint-2,#d3eede)}
.sylv-certs li:first-child{border-top:none}
.sylv-certs .cper{font-weight:700;color:var(--green-dark,#14532d);flex:1}
.sylv-certs .cmeta{font-size:.82rem;color:var(--ink-soft2,#5a6b60)}
.sylv-certs .cdl{background:var(--mint,#e8f6ee);color:var(--green-deep,#1c7544);font-weight:700;font-size:.82rem;padding:7px 14px;border-radius:100px}
.sylv-checkout{max-width:520px}

@media(max-width:820px){
  .sylv-cards{grid-template-columns:1fr 1fr}
  .sylv-grid2{grid-template-columns:1fr}
}