/*
Theme Name: Fuori Catalogo
Theme URI: https://www.fuoricatalogoedizioni.it
Description: Tema dell'Associazione Culturale Fuori Catalogo. Libri, musica, comunità. Stile "schedario da biblioteca" in bianco e nero: schede di catalogo, numeri di collocazione, timbri. Catalogo e musica dinamici, Area Autori integrata. Compatibile con Ultimate Member e bbPress.
Author: Fuori Catalogo
Version: 3.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: fuoricatalogo
*/

/* ====================== BASE ====================== */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#000;font-family:'Libre Baskerville',serif;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:#000}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:700;letter-spacing:0;margin:0}
.container{max-width:1300px;margin:0 auto;padding:0 5%}
.section{padding:120px 5%}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
::selection{background:#000;color:#fff}
:focus-visible{outline:2px solid #000;outline-offset:3px}

/* paper / index-card texture, monochrome only */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.4;
  background-image:radial-gradient(rgba(0,0,0,0.05) 1px,transparent 1px);background-size:3px 3px;
}

/* ====================== SIGNATURE: CARD-CATALOG TAB NAV ====================== */
.fc-tabnav{position:fixed;top:0;right:0;z-index:998;display:flex;flex-direction:column;padding-top:130px}
.fc-tabnav a{
  font-family:'Courier Prime',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  text-decoration:none;color:#fff;background:#000;border:1px solid #000;border-right:none;
  padding:10px 14px 10px 18px;margin-bottom:6px;box-shadow:-3px 3px 0 #ddd;
  transform:translateX(0);transition:transform .18s ease;
}
.fc-tabnav a:hover{transform:translateX(-8px)}
@media(max-width:900px){.fc-tabnav{display:none}}

/* ====================== HEADER ====================== */
.site-header{position:sticky;top:0;z-index:999;display:flex;justify-content:space-between;align-items:center;
 padding:16px 5%;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);border-bottom:1px solid #000}
.site-brand{line-height:1;text-decoration:none;display:block}
.site-brand b{font-family:'Cormorant Garamond';font-weight:700;font-size:26px;letter-spacing:0;color:#000;display:block}
.site-brand span{font-family:'Courier Prime',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#666}
.site-nav ul{list-style:none;display:flex;gap:26px;margin:0;padding:0;font-family:'Courier Prime',monospace;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em}
.site-nav a{text-decoration:none;color:#000;padding-bottom:3px;border-bottom:1px solid transparent}
.site-nav a:hover{border-bottom-color:#000}
.header-cta{border:1px solid #000;padding:11px 20px;text-decoration:none;color:#fff;background:#000;font-family:'Courier Prime',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;transition:.2s}
.header-cta:hover{background:#fff;color:#000}
.nav-toggle,.nav-toggle-label{display:none}

/* ====================== HERO — the catalog card ====================== */
.hero{background:#fff;color:#000;min-height:92vh;display:flex;align-items:center;justify-content:center;padding:100px 5% 60px;position:relative;overflow:hidden;border-bottom:1px solid #000}
.hero-inner{display:flex;align-items:center;gap:80px;max-width:1140px;width:100%;z-index:2;
 animation:heroAppear 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes heroAppear{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.hero-logo{width:220px;animation:floatLogo 7s ease-in-out infinite;transition:transform .2s ease-out}
@keyframes floatLogo{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(1deg)}}
.hero-title{font-size:clamp(58px,9vw,104px);line-height:.92;font-weight:700;letter-spacing:-.01em;font-style:italic}
.hero-title span{font-style:normal}
.strike{position:relative;display:inline-block;font-style:italic}
.strike::after{content:"";position:absolute;left:-3%;top:52%;height:2px;width:0;background:#000;animation:strike 1s cubic-bezier(.7,0,.3,1) .5s forwards}
@keyframes strike{to{width:106%}}
.hero-sub{font-family:'Libre Baskerville',serif;font-size:clamp(16px,1.6vw,19px);margin:26px 0 40px;opacity:0;animation:fade 1s ease .9s forwards;max-width:44ch;color:#333}
@keyframes fade{to{opacity:1}}
.hero-btns{display:flex;gap:18px;opacity:0;animation:fade 1s ease 1.1s forwards}
.btn{padding:16px 32px;text-decoration:none;text-transform:uppercase;font-family:'Courier Prime',monospace;font-weight:700;letter-spacing:.1em;font-size:12px;border:1.5px solid #000;text-align:center;transition:all .25s ease}
.btn-solid{background:#000;color:#fff}
.btn-ghost{background:transparent;color:#000}
.btn-solid:hover{background:#fff;color:#000}
.btn-ghost:hover{background:#000;color:#fff}

/* ====================== MANIFESTO — index card ====================== */
.manifesto{padding:120px 5%;background:#fff;overflow:hidden}
.manifesto-box{max-width:980px;margin:0 auto;border:1px solid #000;padding:64px 54px;text-align:left;position:relative;background:#fdfdfc;transition:box-shadow .3s ease}
.manifesto-box::before{
  content:"";position:absolute;left:40px;right:40px;top:112px;bottom:40px;pointer-events:none;
  background-image:repeating-linear-gradient(to bottom,transparent,transparent 30px,#e6e6e6 31px);
}
.manifesto-box:hover{box-shadow:10px 10px 0 #eee}
.manifesto-tag{position:absolute;top:-15px;left:54px;background:#000;color:#fff;padding:6px 18px;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.12em;white-space:nowrap}
.manifesto h2{font-size:clamp(28px,4vw,40px);margin-bottom:30px;line-height:1.15;position:relative;max-width:20ch}
.manifesto p{max-width:760px;margin:0 0 20px;font-size:18px;line-height:1.85;position:relative}
.manifesto .pull{background:#fff;border-left:3px solid #000;padding:22px 26px;display:inline-block;text-align:left;font-style:italic;font-family:'Cormorant Garamond',serif;font-size:22px;position:relative}
.manifesto .claim{margin-top:34px;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.08em;line-height:1.9;position:relative}
.hl{background:#000;color:#fff;padding:2px 8px}

/* ====================== SECTION TITLES ====================== */
.sec-title{text-align:center;font-family:'Cormorant Garamond',serif;font-weight:700;font-style:italic;font-size:clamp(32px,5vw,50px);letter-spacing:0;margin-bottom:60px}
.sec-title u{text-decoration:none;border-bottom:2px solid #000;font-style:normal}
.sec-title .hl{padding:0 12px;font-style:normal}

/* ====================== CATALOGO / MUSICA — catalog cards ====================== */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:44px;max-width:1300px;margin:0 auto;counter-reset:card}
.card{counter-increment:card;border:1px solid #000;padding:26px 24px 24px;background:#fff;display:flex;flex-direction:column;position:relative;transition:transform .25s cubic-bezier(.25,1,.5,1),box-shadow .25s}
.card::before{
  content:"SCHEDA N. " counter(card,decimal-leading-zero);
  font-family:'Courier Prime',monospace;font-size:10.5px;letter-spacing:.1em;color:#666;text-transform:uppercase;margin-bottom:14px;display:block;
}
.card:hover{transform:translateY(-6px);box-shadow:8px 8px 0 #000;z-index:10}
.card-cover{width:100%;aspect-ratio:2/3;overflow:hidden;margin-bottom:20px;background:#f2f2f2;border:1px solid #000}
.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .card-cover img{transform:scale(1.04)}
.card h3{font-size:22px;line-height:1.15;margin:4px 0;min-height:auto;font-weight:700}
.card .by{font-family:'Courier Prime',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#666;margin-bottom:16px}
.prices{margin-bottom:14px;border-top:1px dashed #ccc;padding-top:12px}
.price{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;font-family:'Courier Prime',monospace}
.price .lab{font-size:10px;text-transform:uppercase;font-weight:700;color:#666;letter-spacing:.05em}
.price .val{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:20px}
.ship{font-family:'Courier Prime',monospace;font-size:10px;color:#666;text-transform:uppercase;font-weight:700;letter-spacing:.04em;margin-bottom:18px}
.buy,.ebook,.listen{display:block;text-align:center;padding:13px;text-decoration:none;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:11.5px;letter-spacing:.05em;margin-bottom:9px;border:1.5px solid #000;transition:.2s}
.buy,.listen{background:#000;color:#fff}
.buy:hover,.listen:hover{background:#fff;color:#000}
.ebook{background:#fff;color:#000}
.ebook:hover{background:#000;color:#fff}
.badge-new{
  position:absolute;top:-14px;right:14px;width:64px;height:64px;border:1.5px solid #000;border-radius:50%;
  background:#fff;color:#000;display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:'Courier Prime',monospace;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;
  z-index:20;transform:rotate(-10deg);line-height:1.2;
}
.empty-state{text-align:center;border:1px dashed #000;padding:60px 30px;max-width:700px;margin:0 auto;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:13px}

/* ====================== VALUES (3 box) ====================== */
.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:0;max-width:1300px;margin:0 auto;border-top:1px solid #000;border-bottom:1px solid #000}
.value{border-right:1px solid #000;padding:42px 38px;background:#fff;transition:background .25s ease}
.value:last-child{border-right:none}
.value:hover{background:#f7f7f5}
.value h3{font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.1em;color:#666;margin-bottom:16px}
.value p{font-family:'Cormorant Garamond',serif;font-size:22px;line-height:1.4;margin:0}
.value.dark{background:#000;color:#fff;position:relative;overflow:hidden}
.value.dark:hover{background:#111}
.value.dark h3{color:#aaa}
.value.dark .ghost{position:absolute;top:-10px;right:-6px;font-family:'Cormorant Garamond';font-weight:700;font-size:110px;color:rgba(255,255,255,.06)}
@media(max-width:820px){.values{grid-template-columns:1fr}.value{border-right:none;border-bottom:1px solid #000}.value:last-child{border-bottom:none}}

/* ====================== BOOKHUB (dark reversal) ====================== */
.bookhub{background:#000;color:#fff;text-align:center;position:relative;border-top:1px solid #000;padding:120px 5%}
.bookhub .dots{position:absolute;inset:0;opacity:.04;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:26px 26px}
.bookhub-inner{max-width:860px;margin:0 auto;position:relative;z-index:2}
.bookhub h2{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(34px,6vw,58px);line-height:1.1;letter-spacing:0;margin-bottom:32px;color:#fff}
.bookhub p{font-size:18px;line-height:1.85;color:rgba(255,255,255,.78);margin-bottom:24px}
.bookhub .lead{font-family:'Cormorant Garamond',serif;font-size:24px;font-style:italic;color:#fff}
.bookhub .cta{background:#fff;color:#000;padding:17px 40px;text-decoration:none;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:12.5px;display:inline-block;margin-top:20px;letter-spacing:.08em;border:1.5px solid #fff;transition:all .25s ease}
.bookhub .cta:hover{background:transparent;color:#fff}

/* ====================== CLUB DEL LIBRO — checkout card ====================== */
.club{background:#000;color:#fff;text-align:center;padding:100px 5%;border-top:1px solid #000}
.club-card{background:#0a0a0a;border:1px solid #262626;padding:40px;max-width:660px;margin:30px auto 0;text-align:left}
.club-card .head{display:flex;gap:32px;align-items:flex-start;margin-bottom:30px}
.club-card .head img{width:140px;height:auto;border:1px solid #333;flex-shrink:0}
.club-card .ovr{font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#777;display:block;margin-bottom:10px}
.club-card h3{font-family:'Cormorant Garamond',serif;font-size:32px;color:#fff;font-weight:700;line-height:1.15;letter-spacing:0;margin-bottom:6px;font-style:italic}
.club-card .auth{font-family:'Courier Prime',monospace;font-size:11.5px;color:#888;text-transform:uppercase;letter-spacing:.08em}
.bar{background:#1a1a1a;height:8px;width:100%;position:relative;margin:28px 0 10px;border:1px solid #333}
.bar>span{background:#fff;height:100%;display:block}
.bar-meta{display:flex;justify-content:space-between;font-family:'Courier Prime',monospace;font-size:10.5px;color:#777;text-transform:uppercase;letter-spacing:.08em}
.club-foot{border-top:1px dashed #262626;padding-top:28px;margin-top:28px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}
.club-foot .when{font-family:'Cormorant Garamond',serif;font-size:22px;color:#fff;font-style:italic}
.club-foot a{background:#fff;color:#000;padding:12px 20px;text-decoration:none;font-family:'Courier Prime',monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}

/* ====================== FAQ — flip cards ====================== */
.faq{background:#fff;border-top:1px solid #000;padding:120px 5%}
.faq-wrap{max-width:880px;margin:0 auto}
.faq-item{border:1px solid #ddd;padding:0;margin-bottom:14px;transition:border-color .2s;background:#fff}
.faq-item[open],.faq-item:hover{border-color:#000}
.faq-item summary{list-style:none;cursor:pointer;padding:26px 30px;font-family:'Cormorant Garamond',serif;font-weight:700;font-size:19px;letter-spacing:0;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-family:'Courier Prime',monospace;font-size:22px;flex:none}
.faq-item[open] summary::after{content:"–"}
.faq-item .a{padding:0 30px 28px;color:#333;font-size:16px;line-height:1.8;font-family:'Libre Baskerville',serif}

/* ====================== BIG CTA — statement ====================== */
.bigcta{background:#000;color:#fff;text-align:center;padding:140px 5%}
.bigcta h2{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:700;color:#fff;font-size:clamp(32px,5.5vw,52px);letter-spacing:0;line-height:1.15;margin-bottom:50px;max-width:16ch;margin-left:auto;margin-right:auto}
.bigcta .lines{font-family:'Courier Prime',monospace;font-size:15px;font-weight:700;text-transform:uppercase;line-height:1.6;margin-bottom:46px;color:#fff;letter-spacing:.04em}
.bigcta .lines p{margin:8px 0;opacity:.4;transition:.3s}
.bigcta .lines p:hover{opacity:1}
.bigcta .lines p.on{opacity:1;letter-spacing:.08em}
.bigcta .tags{display:flex;justify-content:center;gap:18px;margin-top:22px;font-family:'Courier Prime',monospace;font-size:12px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.1em}
.bigcta .row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;max-width:700px;margin:0 auto}
.bigcta .row a{padding:19px 0;text-decoration:none;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.06em;width:100%;max-width:300px;border:1.5px solid #fff;transition:.2s;text-align:center}
.bigcta .row a.solid{background:#fff;color:#000}
.bigcta .row a.solid:hover{background:transparent;color:#fff}
.bigcta .row a.ghost{background:transparent;color:#fff}
.bigcta .row a.ghost:hover{background:#fff;color:#000}

/* ====================== FOOTER ====================== */
.site-footer{background:#fff;border-top:1px solid #000;padding:90px 5% 36px}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px;max-width:1200px;margin:0 auto}
.site-footer h3{font-family:'Cormorant Garamond',serif;font-weight:700;font-style:italic;font-size:26px;margin-bottom:16px}
.site-footer h4{font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:11.5px;letter-spacing:.1em;color:#666;margin-bottom:20px}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin-bottom:12px}
.site-footer a{text-decoration:none;color:#000;font-family:'Courier Prime',monospace;font-size:12.5px}
.site-footer a:hover{text-decoration:underline}
.foot-tag{background:#000;color:#fff;padding:2px 8px;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:10.5px;display:inline-block;margin-top:8px;letter-spacing:.05em}
.foot-soc a{border:1px solid #000;padding:6px 14px;font-family:'Courier Prime',monospace;font-weight:700;font-size:11px;transition:.2s;display:inline-block;margin-right:8px;text-decoration:none!important}
.foot-soc a:hover{background:#000;color:#fff}
.foot-bottom{margin-top:64px;padding-top:24px;border-top:1px solid #e6e6e6;max-width:1200px;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-family:'Courier Prime',monospace;font-size:10.5px;color:#999;text-transform:uppercase;font-weight:700;letter-spacing:.05em}
.foot-bottom a{color:#999;text-decoration:none}

/* Bottone donazione (GoFundMe) */
.fc-donate{display:inline-block;margin:16px 8px 0;background:transparent;color:#fff;padding:16px 36px;text-decoration:none;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.08em;border:1.5px solid #fff;transition:all .25s ease}
.fc-donate:hover{background:#fff;color:#000}

/* ====================== AREA AUTORI (shortcode) ====================== */
.fc-wrap{max-width:760px;margin:0 auto;padding:80px 20px}
.fc-wrap h2,.fc-wrap h3{color:#000}
.fc-gate{border:1px solid #000;padding:50px 40px;text-align:center}
.fc-cta{display:inline-block;margin-top:18px;background:#000;color:#fff;padding:16px 36px;text-decoration:none;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px;border:1.5px solid #000;transition:.2s}
.fc-cta:hover{background:#fff;color:#000}
.fc-asuser{font-family:'Courier Prime',monospace;font-size:12px;color:#666;border-left:3px solid #000;padding:8px 14px;margin-bottom:10px}
.fc-form label{display:block;margin:22px 0 8px;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:11.5px;letter-spacing:.06em}
.fc-form input[type=text],.fc-form input[type=email],.fc-form textarea,.fc-form input[type=file]{width:100%;padding:13px;border:1px solid #000;background:#fff;font-size:15px;font-family:'Libre Baskerville',serif;box-sizing:border-box}
.fc-form input:focus,.fc-form textarea:focus{outline:none;box-shadow:4px 4px 0 #000}
.fc-form .fc-check{display:flex;gap:10px;align-items:flex-start;font-weight:400;text-transform:none;font-size:14px;margin-top:24px;letter-spacing:0;font-family:'Libre Baskerville',serif}
.fc-form .fc-check input{width:auto}
.fc-form button{margin-top:28px;background:#000;color:#fff;border:1.5px solid #000;padding:16px 40px;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px;cursor:pointer;transition:.2s}
.fc-form button:hover{background:#fff;color:#000}
.fc-msg{padding:16px 20px;border:1.5px solid #000;margin-bottom:24px;font-family:'Courier Prime',monospace;font-size:13px;font-weight:700}
.fc-msg a{color:inherit}
.fc-success{background:#000;color:#fff}
.fc-error{background:#fff;color:#000;border-style:dashed}
.fc-dashboard .fc-logout a{font-family:'Courier Prime',monospace;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.fc-card-d{border:1px solid #000;padding:26px;margin:24px 0;background:#fff;transition:.2s}
.fc-card-d:hover{box-shadow:6px 6px 0 #000}
.fc-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.fc-card-head h3{margin:0;font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:700}
.fc-meta{color:#666;font-family:'Courier Prime',monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin:6px 0}
.fc-badge{font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:10.5px;letter-spacing:.06em;padding:6px 12px;border:1px solid #000;background:#fff;white-space:nowrap}
.fc-badge--accettato,.fc-badge--pubblicato{background:#000;color:#fff}
.fc-badge--rifiutato{background:#fff;color:#000;border-style:dashed}
.fc-timeline{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:16px 0 6px;margin:0}
.fc-timeline li{font-family:'Courier Prime',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:6px 10px;border:1px solid #ddd;color:#bbb}
.fc-timeline li.is-done{border-color:#000;color:#000}
.fc-timeline li.is-current{background:#000;color:#fff;border-color:#000}
.fc-crono{margin-top:16px;border-top:1px solid #000;padding-top:12px}
.fc-crono summary{cursor:pointer;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.05em}
.fc-crono ul{list-style:none;padding:12px 0 0}
.fc-crono li{padding:9px 0;border-bottom:1px solid #eee;font-size:14px;font-family:'Libre Baskerville',serif}
.fc-crono-date{color:#999;font-family:'Courier Prime',monospace;font-weight:700;font-size:12px}

/* ====================== GENERIC PAGE ====================== */
.page-main{max-width:900px;margin:0 auto;padding:80px 5%}
.page-main h1{margin-bottom:28px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(32px,5vw,48px);letter-spacing:0}
.page-main a{color:#000}
.page-main p,.page-main li{color:#222;font-family:'Libre Baskerville',serif}

/* ====================== PAGINE: HERO + COMPONENTI ====================== */
.page-hero{background:#000;color:#fff;text-align:center;padding:100px 5% 80px}
.page-hero h1{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(44px,8vw,80px);letter-spacing:0;line-height:1;color:#fff}
.page-hero p{color:rgba(255,255,255,.78);max-width:640px;margin:22px auto 0;font-size:18px;line-height:1.75;font-family:'Libre Baskerville',serif}
.process{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:1040px;margin:0 auto}
.process .step{border:1px solid #000;padding:10px 14px;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.05em;display:flex;gap:8px;align-items:center;background:#fff}
.process .step b{background:#000;color:#fff;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px}
.process .step.end{background:#000;color:#fff}.process .step.end b{background:#fff;color:#000}
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;max-width:1100px;margin:0 auto;background:#000;border:1px solid #000}
.pillar{border:none;padding:40px 32px;background:#fff;transition:background .2s;display:flex;flex-direction:column}
.pillar:hover{background:#f7f7f5}
.pillar .n{font-family:'Courier Prime',monospace;font-size:10.5px;letter-spacing:.1em;color:#999;text-transform:uppercase;margin-bottom:14px}
.pillar h3{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:24px;margin-bottom:14px;font-weight:700}
.pillar p{font-family:'Libre Baskerville',serif;font-size:15.5px;color:#444;line-height:1.7;margin:0 0 22px}
.pillar a{margin-top:auto;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.05em;text-decoration:none;border-bottom:1.5px solid #000;align-self:flex-start;padding-bottom:3px}
.pillar a:hover{background:#000;color:#fff;border-bottom-color:#000}
.crit{max-width:760px;margin:0 auto;display:grid;gap:1px;padding:0;background:#000;border:1px solid #000}
.crit li{list-style:none;border-left:3px solid #000;padding:16px 20px;background:#fff;font-family:'Libre Baskerville',serif;font-size:16px}

/* ====================== LEGGIBILITÀ PAGINE + ULTIMATE MEMBER ====================== */
.um,.um-form{font-family:'Libre Baskerville',serif!important}
.um .um-field-label label,.um-field-label label{font-family:'Courier Prime',monospace!important;font-weight:700!important;text-transform:uppercase!important;font-size:12px!important;letter-spacing:.05em!important;color:#000!important}
.um .um-form input[type=text],.um .um-form input[type=email],.um .um-form input[type=password],.um .um-form input[type=tel],.um .um-form select,.um .um-form textarea{
 border:1px solid #000!important;border-radius:0!important;background:#fff!important;color:#000!important;padding:13px!important;box-shadow:none!important}
.um .um-form input:focus,.um .um-form select:focus,.um .um-form textarea:focus{box-shadow:4px 4px 0 #000!important;outline:none!important}
.um .um-button,.um input[type=submit].um-button{background:#000!important;border:1.5px solid #000!important;border-radius:0!important;font-family:'Courier Prime',monospace!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.08em!important;box-shadow:none!important;transition:.2s!important}
.um .um-button:hover{background:#fff!important;color:#000!important}
.um .um-col-alt,.um .um-field-area-password{color:#000}

/* ====================== FLUSSO SELEZIONE SPIEGATO ====================== */
.flow{max-width:760px;margin:0 auto;display:grid;gap:0}
.flow-step{display:flex;gap:20px;padding:20px 4px;border-bottom:1px solid #eee;align-items:flex-start}
.flow-step:last-child{border-bottom:0}
.flow-num{flex-shrink:0;width:40px;height:40px;border:1.5px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Courier Prime',monospace;font-weight:700;font-size:14px}
.flow-step.is-final .flow-num{background:#000;color:#fff}
.flow-step.is-neg .flow-num{border-style:dashed}
.flow-body h4{font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:13.5px;letter-spacing:.05em;margin:4px 0 4px}
.flow-body p{margin:0;color:#555;font-size:15px;line-height:1.6;font-family:'Libre Baskerville',serif}

/* ====================== FUNNEL 3 STEP + WELCOME ====================== */
.funnel{display:flex;max-width:680px;margin:0 auto 24px;border:1px solid #000}
.funnel .fstep{flex:1;display:flex;gap:8px;align-items:center;justify-content:center;padding:12px 8px;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.05em;border-right:1px solid #000;color:#bbb}
.funnel .fstep:last-child{border-right:0}
.funnel .fstep.active{background:#000;color:#fff}
.funnel .fstep.done{color:#000}
.funnel .fstep b{width:18px;height:18px;border:1.5px solid currentColor;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px}
@media(max-width:560px){.funnel .fstep span{display:none}}
.fc-welcome{border:1.5px solid #000;background:#000;color:#fff;padding:22px 24px;margin-bottom:24px}
.fc-welcome h3{color:#fff;margin:0 0 8px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px}
.fc-welcome p{margin:0;color:rgba(255,255,255,.82);font-family:'Libre Baskerville',serif}

/* ====================== RESPONSIVE ====================== */
@media(max-width:900px){
 .hero-inner{flex-direction:column;text-align:center;gap:36px}
 .hero-logo{width:160px}
 .hero-btns{flex-direction:column;width:100%}
 .nav-toggle-label{display:block;cursor:pointer;font-family:'Courier Prime',monospace;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border:1px solid #000;padding:8px 14px}
 .site-nav{position:absolute;top:100%;left:0;width:100%;background:#fff;border-bottom:1px solid #000;display:none}
 .site-nav ul{flex-direction:column;gap:0;padding:10px 5%}
 .site-nav li{padding:12px 0;border-bottom:1px solid #eee}
 .nav-toggle:checked ~ .site-nav{display:block}
 .header-cta{display:none}
 .manifesto-box,.section,.faq,.club,.bookhub,.bigcta{padding-left:6%;padding-right:6%}
 .club-card .head{flex-direction:column;align-items:center;text-align:center}
}

/* ====================== 3D — HERO FLIP CARD ====================== */
.hero-flip-wrap{perspective:1400px;flex-shrink:0}
.hero-flipcard{
  width:230px;height:300px;position:relative;transform-style:preserve-3d;
  transition:transform .8s cubic-bezier(.2,.8,.2,1);cursor:pointer;transform:rotateY(0) rotateX(0);
}
.hero-flipcard.flipped{transform:rotateY(180deg)}
.hero-flipcard .face{
  position:absolute;inset:0;backface-visibility:hidden;border:1px solid #000;background:#fdfdfc;
  padding:28px 22px;display:flex;flex-direction:column;box-shadow:8px 8px 0 #eee;
}
.hero-flipcard .face-front{background-image:repeating-linear-gradient(to bottom,transparent,transparent 27px,#eee 28px);background-position:0 70px}
.hero-flipcard .face-back{transform:rotateY(180deg);justify-content:space-between}
.hero-flipcard .cc-code{font-family:'Courier Prime',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#666}
.hero-flipcard h3{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:32px;margin-top:16px;line-height:1.05}
.hero-flipcard .flip-hint{margin-top:auto;font-family:'Courier Prime',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#999}
.hero-flipcard .cc-fields{display:grid;gap:14px;font-family:'Courier Prime',monospace;font-size:12px}
.hero-flipcard .cc-fields div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed #ddd;padding-bottom:8px}
.hero-flipcard .cc-fields b{font-weight:400;color:#666}
@media(max-width:900px){.hero-flipcard{width:190px;height:250px;margin:0 auto}}
@media(max-width:640px){.hero-flip-wrap{perspective:none}.hero-flipcard{transform:none!important}.hero-flipcard .face-back{display:none}}

/* ====================== 3D — TILT su card / manifesto ====================== */
.grid{perspective:1600px}
.manifesto{perspective:1400px}
.card,.manifesto-box{transform-style:preserve-3d;will-change:transform}
.card{transition:transform .15s ease-out,box-shadow .25s ease-out}

/* ====================== TIMBRO — stamp thump ====================== */
.badge-new{opacity:0;transform:rotate(-10deg) scale(2.4)}
.badge-new.stamp-in{animation:stampThump .55s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes stampThump{
  0%{opacity:0;transform:rotate(-10deg) scale(2.4)}
  55%{opacity:1;transform:rotate(-10deg) scale(.88)}
  75%{transform:rotate(-10deg) scale(1.05)}
  100%{opacity:1;transform:rotate(-10deg) scale(1)}
}

/* ====================== FAQ — apertura 3D ====================== */
.faq-wrap{perspective:900px}
.faq-item{transform-style:preserve-3d}
.faq-item .a{transform-origin:top center}
.faq-item[open] .a{animation:faqOpen3d .4s cubic-bezier(.2,.8,.2,1)}
@keyframes faqOpen3d{from{opacity:0;transform:rotateX(-14deg) translateY(-8px)}to{opacity:1;transform:none}}

/* ====================== GHOST WATERMARK con parallasse ====================== */
.bigcta{position:relative;overflow:hidden}
.bigcta-ghost{
  position:absolute;left:50%;top:50%;font-family:'Cormorant Garamond',serif;font-weight:700;
  font-size:min(46vw,620px);color:rgba(255,255,255,.035);letter-spacing:-.02em;line-height:1;
  transform:translate(-50%,-50%) rotate(-6deg);pointer-events:none;white-space:nowrap;will-change:transform;
}
.bigcta h2,.bigcta .lines,.bigcta .row{position:relative;z-index:2}

/* ====================== TAB NAV — presa magnetica ====================== */
.fc-tabnav a{transform-style:preserve-3d}
.fc-tabnav a:hover{transform:translateX(-8px) rotateZ(-1deg)}

/* ====================== ACCESSIBILITÀ — riduzione movimento ====================== */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .hero-inner,.hero-logo,.hero-sub,.hero-btns,.strike::after{animation:none!important;opacity:1!important;transform:none!important}
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .hero-flipcard{transition:none!important}
  .badge-new{animation:none!important;opacity:1!important;transform:rotate(-10deg) scale(1)!important}
  .faq-item[open] .a{animation:none!important}
  .card,.manifesto-box{transition:none!important;transform:none!important}
  .bigcta-ghost{transform:translate(-50%,-50%) rotate(-6deg)!important}
  *{animation-duration:0.001ms!important;transition-duration:0.001ms!important}
}

/* ====================== v3.1 — paginazione, ricerca, card link ====================== */
.pagination,.nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;font-family:'Courier Prime',monospace;font-weight:700;font-size:12px}
.page-numbers{border:1px solid #000;padding:9px 14px;text-decoration:none;color:#000}
.page-numbers.current,.page-numbers:hover{background:#000;color:#fff}
.search-form{display:flex;gap:0}
.search-form label{flex:1}
.search-form .search-field{width:100%;padding:13px;border:1px solid #000;font-family:'Libre Baskerville',serif;background:#fff}
.search-form .search-submit{background:#000;color:#fff;border:1px solid #000;padding:13px 20px;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.06em;cursor:pointer}
.card a:focus-visible{outline:2px solid #000;outline-offset:4px}

/* ====================== v3.2 — CLUB DEL LIBRO ====================== */
.fc-clubbtn{display:inline-block;background:#fff;color:#000;border:1.5px solid #fff;padding:14px 30px;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.07em;cursor:pointer;text-decoration:none;transition:.2s}
.fc-clubbtn:hover{background:transparent;color:#fff}
.fc-linkbtn{background:none;border:0;color:#888;font-family:'Courier Prime',monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;padding:0;text-decoration:underline}
.fc-linkbtn:hover{color:#fff}
.fc-countdown{font-family:'Courier Prime',monospace;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.08em;margin-top:6px}
.club-meta{font-family:'Courier Prime',monospace;font-size:10.5px;color:#777;text-transform:uppercase;letter-spacing:.07em;margin:18px 0 0;text-align:left}
.club-meta a{color:#fff}
.club-alert{max-width:660px;margin:26px auto 0;border:1px solid #333;background:#0a0a0a;color:#fff;padding:16px 20px;font-family:'Courier Prime',monospace;font-size:12px;letter-spacing:.04em}
.club-alert a{color:#fff}
.club-intro{max-width:660px;margin:26px auto 0;color:rgba(255,255,255,.8);font-family:'Libre Baskerville',serif;font-size:16.5px;line-height:1.8;text-align:left}
.club-empty{max-width:660px;margin:34px auto 0;border:1px dashed #333;padding:44px 30px;color:rgba(255,255,255,.8);font-family:'Libre Baskerville',serif;font-size:17px}
.club-arc{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;max-width:1100px;margin:0 auto;background:#000;border:1px solid #000}
.club-arc-item{display:flex;gap:20px;padding:26px 24px;background:#fff;align-items:flex-start}
.club-arc-cover{width:78px;flex-shrink:0;border:1px solid #000}
.club-arc-item .ovr{font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#999;display:block;margin-bottom:8px}
.club-arc-item h3{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:23px;line-height:1.15;margin-bottom:6px}
.club-arc-item h3 a{text-decoration:none}
.club-arc-item h3 a:hover{border-bottom:2px solid #000}
.club-arc-item .by{font-family:'Courier Prime',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#666;margin:0}
.club-arc-n{font-family:'Courier Prime',monospace;font-size:10.5px;color:#999;text-transform:uppercase;letter-spacing:.06em;margin:10px 0 0}
@media(max-width:560px){.club-foot form{width:100%}.fc-clubbtn{width:100%;text-align:center}}

/* ====================== v3.3 — CONTATTI ====================== */
.fc-contatti{max-width:760px}
.fc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.fc-due{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fc-due label{margin-top:22px}
@media(max-width:640px){.fc-due{grid-template-columns:1fr;gap:0}}
.fc-form select{width:100%;padding:13px;border:1px solid #000;background:#fff;font-size:15px;font-family:'Libre Baskerville',serif;border-radius:0;appearance:none;
 background-image:linear-gradient(45deg,transparent 50%,#000 50%),linear-gradient(135deg,#000 50%,transparent 50%);
 background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.fc-form select:focus{outline:none;box-shadow:4px 4px 0 #000}
.fc-contatti .fc-check{margin-top:16px}
.fc-contatti .fc-asuser{border-left:3px solid #000;background:#fff}

/* ====================== v3.4 — lista d'attesa club ====================== */
.club-empty{text-align:left}
.club-empty .fc-msg{background:#fff;color:#000;margin-bottom:22px}
.fc-attesa{margin-top:26px}
.fc-attesa label{color:#fff}
.fc-attesa input[type=text],.fc-attesa input[type=email]{background:#fff}
.fc-attesa .fc-check{color:rgba(255,255,255,.85)}
.fc-attesa button{background:#fff;color:#000;border-color:#fff}
.fc-attesa button:hover{background:transparent;color:#fff}
.club .crit{max-width:760px}
.club .crit li{background:#0a0a0a;color:rgba(255,255,255,.85);border-left-color:#fff}