/* Theme Name: Alice Stevanato Description: Tema WordPress custom, minimale, senza page builder — sostituisce Salient/WPBakery per massima velocità di caricamento. Author: Mauro Vallotti Version: 1.0 Text Domain: alice-stevanato */ :root{ --ink:#2b292b; --umber:#403c34; --gold:#ac8435; --paper:#f2f7e9; --paper-deep:#e9efdd; --gold-10: rgba(172,132,53,0.10); --gold-30: rgba(172,132,53,0.35); --serif: "PT Serif", Georgia, serif; --display: "Cinzel Decorative", serif; } *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{ margin:0; background:var(--paper); color:var(--ink); font-family:var(--serif); font-size:17px; line-height:1.7; -webkit-font-smoothing:antialiased; } img{max-width:100%; height:auto; display:block;} a{color:inherit; text-decoration:none;} .wrap{max-width:1180px; margin:0 auto; padding:0 32px;} h1,h2,h3{ font-family:var(--display); font-weight:700; color:var(--ink); margin:0; letter-spacing:0.01em; } .eyebrow{ display:inline-flex; align-items:center; gap:12px; font-family:var(--serif); font-style:italic; font-size:13px; letter-spacing:0.28em; text-transform:uppercase; color:var(--gold); margin-bottom:18px; } .eyebrow::before{content:""; width:34px; height:1px; background:var(--gold); display:inline-block;} .eyebrow.center{justify-content:center;} .article-mark{ font-family:var(--display); font-size:13px; letter-spacing:0.12em; color:var(--gold); border:1px solid var(--gold-30); padding:6px 14px; border-radius:2px; display:inline-block; margin-bottom:22px; } .note{ background:var(--gold-10); border:1px dashed var(--gold); color:var(--umber); font-size:13px; font-style:italic; padding:10px 16px; margin-top:10px; border-radius:2px; } /* ===== HEADER / NAV ===== */ header.site-header{ position:sticky; top:0; z-index:50; background:rgba(242,247,233,0.92); backdrop-filter:blur(6px); border-bottom:1px solid var(--gold-30); } /* NOTA: qui in precedenza c'era un offset manuale per la admin bar di WordPress (top:32px desktop / 46px mobile). L'ho tolto perché era ridondante: WordPress sposta già DA SOLO l'intera pagina in giù via margin-top su quando sei loggato, apposta per far sì che qualsiasi elemento con top:0 finisca comunque corretto sotto la barra. Sommare anche il nostro offset creava un doppio scostamento — il "vuoto" tra il bordo dello schermo e il menu su mobile. */ .nav-inner{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 32px; max-width:1180px; margin:0 auto; } .logo{display:flex; align-items:center; flex-shrink:0;} .logo img{height:44px; width:44px; border-radius:8px; display:block;} nav.primary-nav{flex:1; display:flex; justify-content:center;} nav.primary-nav ul{list-style:none; display:flex; gap:22px; margin:0; padding:0; flex-wrap:nowrap;} nav.primary-nav li{position:relative; flex-shrink:0;} nav.primary-nav a{ font-size:12px; letter-spacing:0.1em; text-transform:uppercase; color:var(--umber); position:relative; padding-bottom:4px; white-space:nowrap; } nav.primary-nav a::after{ content:""; position:absolute; left:0; bottom:0; width:0%; height:1px; background:var(--gold); transition:width .25s ease; } nav.primary-nav a:hover::after, nav.primary-nav .current-menu-item a::after{width:100%;} /* Voce di menu evidenziata (es. "I miei corsi") — diversa dal bottone CTA: niente sfondo pieno, solo un badge con bordo oro e testo colorato. Da applicare in Aspetto > Menu, campo "Classi CSS (opzionale)" dell'elemento (se il campo non si vede, attivalo da Opzioni schermo in alto a destra). */ /* Voce di menu evidenziata (es. "I miei corsi") — diversa dal bottone CTA: niente sfondo pieno, solo un badge con bordo oro e testo colorato. Da applicare in Aspetto > Menu, campo "Classi CSS (opzionale)" dell'elemento (se il campo non si vede, attivalo da Opzioni schermo in alto a destra). NOTA: WordPress applica quella classe al tag
  • , non al link dentro — per questo serve il selettore "li.nav-highlight > a" oltre ad "a.nav-highlight" (quest'ultimo copre il menu di fallback del tema, che genera l'HTML diversamente). */ nav.primary-nav li.nav-highlight > a, nav.primary-nav a.nav-highlight{ color:var(--gold); border:1px solid var(--gold-30); border-radius:20px; padding:6px 14px; } nav.primary-nav li.nav-highlight > a::after, nav.primary-nav a.nav-highlight::after{display:none;} nav.primary-nav li.nav-highlight > a:hover, nav.primary-nav a.nav-highlight:hover{background:var(--gold-10); border-color:var(--gold);} .nav-right{display:flex; align-items:center; gap:16px; flex-shrink:0;} .lang-switch{display:flex; gap:6px; font-size:12px; letter-spacing:0.06em; flex-shrink:0;} .lang-switch a{opacity:0.5;} .lang-switch a.active{opacity:1; color:var(--gold); font-weight:700;} .lang-switch-mobile{display:none;} .cta-btn{ font-family:var(--serif); font-size:12.5px; letter-spacing:0.06em; text-transform:uppercase; background:var(--ink); color:var(--paper); padding:11px 20px; border-radius:2px; border:1px solid var(--ink); transition:all .25s ease; white-space:nowrap; display:inline-block; } .cta-btn:hover{background:transparent; color:var(--ink);} .cta-btn.ghost{background:transparent; color:var(--ink); border:1px solid var(--gold);} .cta-btn.ghost:hover{background:var(--gold); color:var(--paper); border-color:var(--gold);} .burger{display:none; font-size:22px; color:var(--ink); background:none; border:none; cursor:pointer;} /* ===== HERO ===== */ .hero{ padding:140px 32px 110px; text-align:center; position:relative; overflow:hidden; background-image: linear-gradient(180deg, rgba(43,41,43,0.62), rgba(43,41,43,0.8)), url('https://alicestevanato.com/wp-content/uploads/2023/08/alice-stevanato-hero.jpg'); background-size:cover; background-position:center 25%; } .hero-inner{position:relative; z-index:1;} .hero .kicker{font-family:var(--serif); font-style:italic; font-size:18px; color:var(--paper); opacity:0.85; margin-bottom:6px;} .hero h1{font-size:clamp(42px, 7vw, 78px); line-height:1.05; color:var(--paper);} .hero .role{margin-top:18px; font-family:var(--serif); font-size:20px; letter-spacing:0.06em; text-transform:uppercase; color:var(--gold);} .hero .role::after{content:""; display:block; width:60px; height:2px; background:var(--gold); margin:20px auto 0;} .hero-ctas{margin-top:44px; display:flex; gap:16px; justify-content:center; flex-wrap:wrap;} .hero-ctas-secondary{margin-top:16px;} /* Ombra comune ai tre bottoni: li stacca meglio dalla foto sottostante */ .hero .cta-btn{box-shadow:0 6px 20px rgba(0,0,0,0.35);} /* Bottone 1 — "Prenota una consulenza" (azione principale): oro più acceso SOLO qui nell'hero (diverso dall'oro standard del sito, usato invece ovunque altrove), con un bordo chiaro sottile e un'ombra più marcata per farlo staccare bene dalla foto scura. Testo scuro: è il testo più leggibile su un fondo di luminosità medio-chiara come l'oro. */ .hero .cta-btn:not(.ghost){ background:#d1a545; border:2px solid rgba(242,247,233,0.55); color:var(--ink); font-weight:700; box-shadow:0 10px 28px rgba(0,0,0,0.45); } .hero .cta-btn:not(.ghost):hover{ background:transparent; color:#d1a545; border-color:#d1a545; } /* I due bottoni secondari: stessa larghezza minima, così restano allineati tra loro invece di seguire ognuno la lunghezza del proprio testo. */ .hero-ctas-secondary .cta-btn{min-width:220px; text-align:center;} /* Bottone 2 — "I miei corsi": pieno chiaro (crema) con un sottile bordo oro, per legarlo cromaticamente agli altri due invece di sembrare scollegato. */ .hero-ctas-secondary .cta-btn.cta-light{ background:var(--paper); border-color:var(--gold); color:var(--ink); font-weight:600; } .hero-ctas-secondary .cta-btn.cta-light:hover{ background:transparent; color:var(--paper); border-color:var(--paper); } /* Bottone 3 — "Scopri i servizi": contornato in oro con leggero riempimento; testo ivory (non oro) perché oro-su-oro-trasparente aveva poco contrasto. */ .hero-ctas-secondary .cta-btn.cta-outline{ background:rgba(172,132,53,0.18); border-color:var(--gold); color:var(--paper); font-weight:600; } .hero-ctas-secondary .cta-btn.cta-outline:hover{ background:var(--gold); color:var(--ink); border-color:var(--gold); } .hero .area-badge{background:rgba(242,247,233,0.08); border-color:rgba(172,132,53,0.5); color:var(--paper);} .hero .area-badge svg{fill:var(--gold);} /* ===== PAGE HERO (pagine interne, es. Contatti / articolo) ===== */ .page-hero{padding:90px 32px 60px; text-align:center; border-bottom:1px solid var(--gold-30);} .page-hero h1{font-size:clamp(38px, 6vw, 58px);} .page-hero p{max-width:56ch; margin:22px auto 0; color:var(--umber); font-size:17px;} /* ===== SOCIAL PROOF ===== */ .proof{padding:60px 32px; border-top:1px solid var(--gold-30); border-bottom:1px solid var(--gold-30); overflow:hidden;} .proof-inner{max-width:1180px; margin:0 auto; display:flex; flex-direction:column; align-items:center; gap:30px; text-align:center;} .proof-label{font-size:12px; letter-spacing:0.18em; text-transform:uppercase; color:var(--umber); white-space:nowrap;} .proof-logos-wrap{ width:100%; overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, black 8%, black 92%, transparent); mask-image:linear-gradient(90deg, transparent, black 8%, black 92%, transparent); } .proof-logos-track{ display:flex; align-items:center; gap:64px; width:max-content; animation:as-logos-scroll 26s linear infinite; } .proof-logos-track:hover{animation-play-state:paused;} .proof-logos-track .logo-chip{height:64px; display:flex; align-items:center; flex-shrink:0;} .proof-logos-track .logo-chip img{max-height:100%; width:auto;} @keyframes as-logos-scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} } @media (prefers-reduced-motion: reduce){ .proof-logos-track{animation:none;} } /* ===== RECENSIONI (sezione predisposta) ===== */ .reviews-section{text-align:center;} .reviews-section h2.center-title{font-size:clamp(28px,4vw,38px); margin-bottom:44px;} .reviews-placeholder{ max-width:640px; margin:0 auto; border:1px dashed var(--gold); background:var(--gold-10); color:var(--umber); font-style:italic; font-size:14px; padding:28px 24px; border-radius:2px; } .reviews-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; text-align:left; } .review-card{ background:var(--paper-deep); border:1px solid var(--gold-30); padding:32px 28px; display:flex; flex-direction:column; } .review-stars{color:var(--gold); font-size:16px; letter-spacing:2px; margin-bottom:16px;} .review-text{color:var(--ink); font-size:15px; line-height:1.7; margin:0 0 18px; flex:1;} .review-author{font-family:var(--display); font-size:14px; color:var(--umber); letter-spacing:0.04em;} .reviews-cta{margin-top:40px;} @media (max-width: 900px){ .reviews-grid{grid-template-columns:1fr;} } section{padding:120px 32px;} .section-inner{max-width:1180px; margin:0 auto;} /* Offset per non far finire le sezioni sotto l'header sticky quando si naviga con le ancore */ section[id]{scroll-margin-top:100px;} /* ===== CHI SONO ===== */ .chisono-grid{display:grid; grid-template-columns:0.85fr 1.15fr; gap:70px; align-items:center;} .chisono-photo{aspect-ratio:4/5; background:var(--paper-deep); border:1px solid var(--gold-30); position:relative; overflow:hidden;} .chisono-photo img{width:100%; height:100%; object-fit:cover; object-position:top center;} .chisono-photo::after{content:""; position:absolute; inset:14px; border:1px solid var(--gold-30); pointer-events:none;} .chisono-text h2{font-size:clamp(30px,4vw,42px); margin-bottom:26px;} .chisono-text p{color:var(--umber); font-size:17px; max-width:56ch;} .chisono-text p + p{margin-top:16px;} .valori{margin-top:48px; display:grid; grid-template-columns:repeat(4,1fr); gap:24px;} .valore{text-align:center; padding:22px 10px; border-top:1px solid var(--gold-30);} .valore .mark{font-family:var(--display); color:var(--gold); font-size:22px; margin-bottom:10px; display:block;} .valore .label{font-size:11.5px; letter-spacing:0.16em; text-transform:uppercase; color:var(--umber);} .section-link{ margin-top:40px; display:inline-flex; align-items:center; gap:10px; font-size:13px; letter-spacing:0.1em; text-transform:uppercase; color:var(--gold); border-bottom:1px solid var(--gold); padding-bottom:4px; } /* ===== SERVIZI ===== */ .servizi{background:var(--paper-deep); border-top:1px solid var(--gold-30); border-bottom:1px solid var(--gold-30);} .servizi-head{max-width:680px; margin-bottom:60px;} .servizi-head.servizi-head-centered{max-width:900px; margin-left:auto; margin-right:auto; text-align:center;} .servizi-head h2{font-size:clamp(28px,3.4vw,40px); margin-bottom:22px;} .servizi-head p{color:var(--umber); font-size:17px;} .servizi-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:var(--gold-30); border:1px solid var(--gold-30);} .servizio-card{background:var(--paper-deep); padding:30px 34px 44px;} .servizio-card .article-mark{margin-bottom:24px;} .servizio-card h3{font-size:21px; margin-bottom:16px; line-height:1.3;} .servizio-card p.desc{color:var(--umber); font-size:15px; margin-bottom:20px;} .servizio-card ul{margin:0; padding:0; list-style:none; font-size:14.5px; color:var(--ink);} .servizio-card li{padding:9px 0; border-top:1px solid var(--gold-10); display:flex; gap:10px;} .servizio-card li:first-child{border-top:none;} .servizio-card li::before{content:"—"; color:var(--gold); flex-shrink:0;} /* ===== I MIEI CORSI ===== */ .corsi-list{display:flex; flex-direction:column; gap:1px; background:var(--gold-30); border:1px solid var(--gold-30);} .corso-row{ background:var(--paper-deep); display:grid; grid-template-columns:280px 1fr; gap:40px; padding:40px; } .corso-row-img{ aspect-ratio:758/1129; background:linear-gradient(135deg, var(--paper), var(--gold-10)); border:1px solid var(--gold-30); overflow:hidden; display:flex; align-items:center; justify-content:center; } .corso-row-img img{width:100%; height:100%; object-fit:contain; display:block;} .corso-row-content h3{font-size:23px; line-height:1.3; margin-bottom:14px;} .corso-row-content p.desc{color:var(--umber); font-size:15px; line-height:1.7; margin-bottom:20px;} .corso-included{margin:0 0 26px; padding:0; list-style:none;} .corso-included li{ font-size:14px; color:var(--ink); padding:8px 0 8px 26px; position:relative; border-top:1px solid var(--gold-10); } .corso-included li:first-child{border-top:none;} .corso-included li::before{ content:"✓"; position:absolute; left:0; top:8px; color:var(--gold); font-weight:700; } .corso-footer{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding-top:20px; border-top:1px solid var(--gold-30); } .corso-price{font-family:var(--display); font-size:24px; color:var(--gold);} .corso-actions{display:flex; align-items:center; gap:18px; flex-wrap:wrap;} .corso-actions .section-link{margin-top:0; font-size:12.5px;} .corso-actions .cta-btn{padding:11px 22px;} .corso-pending{ align-self:flex-start; font-size:12.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--umber); border:1px dashed var(--gold); background:var(--gold-10); padding:10px 18px; border-radius:2px; } @media (max-width: 800px){ .corso-row{grid-template-columns:1fr; padding:28px;} .corso-footer{flex-direction:column; align-items:flex-start;} } /* ===== FORMAZIONE ===== */ .formazione-grid{display:grid; grid-template-columns:1.05fr 0.95fr; gap:70px; align-items:center;} .formazione-tags{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:30px;} .formazione-tags span{font-size:11.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--gold); border:1px solid var(--gold-30); padding:7px 14px; border-radius:20px;} .formazione-text h2{font-size:clamp(30px,4vw,42px); margin-bottom:22px;} .formazione-text > p{color:var(--umber); margin-bottom:34px; max-width:56ch;} .formazione-blocks{display:grid; gap:26px;} .fblock{border-left:2px solid var(--gold); padding-left:22px;} .fblock h4{font-family:var(--display); font-size:15px; letter-spacing:0.06em; margin-bottom:8px; color:var(--ink);} .fblock p{color:var(--umber); font-size:15px; margin:0;} .formazione-photo{aspect-ratio:3/4; background:var(--paper-deep); border:1px solid var(--gold-30); position:relative; overflow:hidden;} .formazione-photo img{width:100%; height:100%; object-fit:cover;} /* ===== ARTICOLI (home — loop dinamico) ===== */ .articoli{background:var(--paper-deep); border-top:1px solid var(--gold-30); border-bottom:1px solid var(--gold-30);} .articoli-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:56px; flex-wrap:wrap; gap:20px;} .articoli-head h2{font-size:clamp(30px,4vw,42px);} .articoli-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:36px;} .articolo-card{background:var(--paper); border:1px solid var(--gold-30); display:flex; flex-direction:column;} .articolo-img{aspect-ratio:16/10; background:linear-gradient(135deg, var(--paper-deep), var(--paper)); border-bottom:1px solid var(--gold-30); overflow:hidden;} .articolo-img img{width:100%; height:100%; object-fit:cover;} .articolo-card .body{padding:26px 26px 30px; display:flex; flex-direction:column; flex:1;} .articolo-meta{display:flex; gap:14px; font-size:11.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold); margin-bottom:14px;} .articolo-card h3{font-size:19px; line-height:1.35; margin-bottom:12px;} .articolo-card h3 a{color:inherit;} .articolo-card p{color:var(--umber); font-size:14.5px; margin:0; flex:1;} .articolo-card .read-more{margin-top:16px; font-size:12.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold);} .articoli-pagination{ display:flex; justify-content:center; align-items:center; gap:10px; margin-top:60px; flex-wrap:wrap; } .articoli-pagination .page-numbers{ min-width:38px; height:38px; padding:0 10px; display:flex; align-items:center; justify-content:center; font-size:13px; letter-spacing:0.04em; color:var(--umber); border:1px solid var(--gold-30); border-radius:2px; transition:all .2s ease; } .articoli-pagination .page-numbers.current{background:var(--ink); color:var(--paper); border-color:var(--ink);} .articoli-pagination .page-numbers:not(.current):not(.dots):hover{border-color:var(--gold); color:var(--gold);} .articoli-pagination .page-numbers.dots{border:none;} /* ===== SINGOLO ARTICOLO ===== */ .single-article{padding:90px 32px 120px;} .single-article .inner{max-width:760px; margin:0 auto;} .single-article .meta{display:flex; gap:14px; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold); margin-bottom:20px;} .single-article h1{font-size:clamp(32px,5vw,48px); line-height:1.2; margin-bottom:30px;} .single-article .featured-img{margin-bottom:44px; border:1px solid var(--gold-30);} .single-article .content{font-size:18px; color:var(--ink);} .single-article .content p{margin:0 0 22px;} .single-article .content h2{font-size:26px; margin:44px 0 20px;} .single-article .content h3{font-size:21px; margin:36px 0 16px;} .single-article .content a{color:var(--gold); border-bottom:1px solid var(--gold-30);} .single-article .content blockquote{ border-left:2px solid var(--gold); margin:30px 0; padding:6px 0 6px 24px; font-style:italic; color:var(--umber); } .single-back{margin-top:50px; display:inline-block;} /* ===== CALENDLY / CONTATTI ===== */ .calendly-section{padding-top:90px;} .calendly-head{text-align:center; max-width:640px; margin:0 auto 50px;} .calendly-head h2{font-size:clamp(28px,4vw,38px); margin-bottom:18px;} .calendly-head p{color:var(--umber);} .calendly-frame-wrap{border:1px solid var(--gold-30); background:var(--paper-deep); border-radius:4px; padding:4px;} .calendly-inline-widget{min-width:280px; height:720px; background:var(--paper);} .contatti-section{background:var(--paper-deep); border-top:1px solid var(--gold-30); border-bottom:1px solid var(--gold-30);} .contatti-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:var(--gold-30); border:1px solid var(--gold-30);} .contatto-card{background:var(--paper-deep); padding:44px 34px; text-align:center;} .contatto-card .mark{display:flex; align-items:center; justify-content:center; margin-bottom:18px;} .contatto-card .mark svg{width:30px; height:30px; fill:none; stroke:var(--gold); stroke-width:1.6;} .contatto-card h3{font-size:15px; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:12px;} .contatto-card a, .contatto-card div.value{color:var(--umber); font-size:15.5px;} .contatto-card a:hover{color:var(--gold);} .area-op{text-align:center;} .area-op h2{font-size:clamp(28px,4vw,38px); margin-bottom:20px;} .area-op p{max-width:60ch; margin:0 auto; color:var(--umber);} .socials{margin-top:36px; display:flex; justify-content:center; gap:16px;} /* ===== CONTACT FORM 7 ===== */ .contact-form-section{padding-top:20px; padding-bottom:20px;} .contact-form-wrap{max-width:640px; margin:0 auto;} .contact-form-wrap .form-row{display:flex; gap:24px; flex-wrap:wrap;} .contact-form-wrap .form-row > p{flex:1; min-width:220px;} .contact-form-wrap p{margin:0 0 22px;} .contact-form-wrap label{ display:block; font-size:12.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--umber); margin-bottom:8px; } .contact-form-wrap input[type="text"], .contact-form-wrap input[type="email"], .contact-form-wrap input[type="tel"], .contact-form-wrap textarea, .contact-form-wrap input[type="file"]{ width:100%; font-family:var(--serif); font-size:15px; color:var(--ink); background:var(--paper); border:1px solid var(--gold-30); border-radius:2px; padding:12px 14px; transition:border-color .2s ease; } .contact-form-wrap input[type="text"]:focus, .contact-form-wrap input[type="email"]:focus, .contact-form-wrap input[type="tel"]:focus, .contact-form-wrap textarea:focus{ outline:none; border-color:var(--gold); } .contact-form-wrap textarea{min-height:130px; resize:vertical;} /* Bottone nativo "Scegli file" dentro l'input file — stessa lingua visiva degli altri bottoni del sito (fondo scuro pieno, invertito all'hover). */ .contact-form-wrap input[type="file"]{padding:9px 12px;} .contact-form-wrap input[type="file"]::file-selector-button, .contact-form-wrap input[type="file"]::-webkit-file-upload-button{ font-family:var(--serif); font-size:12.5px; letter-spacing:0.06em; text-transform:uppercase; background:var(--ink); color:var(--paper); border:1px solid var(--ink); border-radius:2px; padding:9px 16px; margin-right:14px; cursor:pointer; transition:background .2s ease, color .2s ease; } .contact-form-wrap input[type="file"]::file-selector-button:hover, .contact-form-wrap input[type="file"]::-webkit-file-upload-button:hover{ background:transparent; color:var(--ink); } .contact-form-wrap .field-hint{display:block; margin-top:6px; font-size:12px; color:var(--umber); opacity:0.75;} .contact-form-wrap .radio-row label{margin-bottom:12px;} .contact-form-wrap .wpcf7-radio{display:flex; gap:24px; flex-wrap:wrap;} .contact-form-wrap .wpcf7-radio .wpcf7-list-item{margin:0;} .contact-form-wrap .wpcf7-radio label{ display:flex; align-items:center; gap:8px; text-transform:none; letter-spacing:0; font-size:15px; color:var(--ink); margin:0; } .contact-form-wrap .privacy-row{ font-size:13.5px; line-height:1.6; color:var(--umber); display:flex; align-items:flex-start; gap:10px; } .contact-form-wrap .privacy-row .wpcf7-list-item{margin:2px 0 0;} .contact-form-wrap .privacy-row a{color:var(--gold); border-bottom:1px solid var(--gold-30);} .contact-form-wrap input[type="submit"]{ cursor:pointer; border:1px solid var(--ink); } .contact-form-wrap input[type="submit"]:hover{ background:transparent; color:var(--ink); } .contact-form-wrap .wpcf7-not-valid-tip{ display:block; margin-top:6px; font-size:12.5px; color:#a33; } .contact-form-wrap .wpcf7-response-output{ margin-top:24px; padding:14px 18px; border-radius:2px; font-size:14px; border:1px solid var(--gold-30); color:var(--umber); } .contact-form-wrap .sent .wpcf7-response-output{border-color:var(--gold); color:var(--ink);} .contact-form-wrap .failed .wpcf7-response-output, .contact-form-wrap .invalid .wpcf7-response-output{border-color:#a33; color:#a33;} @media (max-width: 640px){ .contact-form-wrap .form-row{flex-direction:column; gap:0;} } .socials a{width:42px; height:42px; border:1px solid var(--gold-30); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:border-color .2s ease, background .2s ease;} .socials a:hover{border-color:var(--gold); background:var(--gold-10);} .socials svg{width:18px; height:18px; fill:var(--umber); transition:fill .2s ease;} .socials a:hover svg{fill:var(--gold);} .area-badge{ display:inline-flex; align-items:center; gap:10px; font-size:13px; letter-spacing:0.05em; color:var(--umber); border:1px solid var(--gold-30); border-radius:20px; padding:9px 18px; margin-top:26px; } .area-badge svg{width:15px; height:15px; fill:var(--gold); flex-shrink:0;} /* ===== FOOTER ===== */ footer.site-footer{padding:80px 32px 34px; background:var(--ink); color:var(--paper);} .footer-inner{max-width:1180px; margin:0 auto;} .footer-top{display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:50px; padding-bottom:50px; border-bottom:1px solid rgba(242,247,233,0.15);} .footer-logo{display:flex; align-items:center; margin-bottom:20px;} .footer-logo img{height:50px; width:50px; border-radius:9px;} .footer-top p{color:rgba(242,247,233,0.6); font-size:14.5px; max-width:34ch;} .footer-col h5{font-family:var(--serif); font-style:italic; font-size:13px; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold); margin:0 0 18px;} .footer-col a, .footer-col div{display:block; color:rgba(242,247,233,0.8); font-size:14.5px; margin-bottom:12px;} .footer-col a:hover{color:var(--gold);} .footer-social{display:flex; gap:14px; margin-top:6px;} .footer-social a{width:36px; height:36px; border:1px solid rgba(242,247,233,0.3); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:border-color .2s ease, background .2s ease;} .footer-social a:hover{border-color:var(--gold); background:rgba(172,132,53,0.15);} .footer-social svg{width:16px; height:16px; fill:var(--paper);} .footer-bottom{padding-top:28px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px; font-size:12.5px; color:rgba(242,247,233,0.5);} .footer-bottom a{color:rgba(242,247,233,0.5); text-decoration:underline;} /* ===== MOBILE NAV ===== */ @media (max-width: 980px){ .chisono-grid, .formazione-grid{grid-template-columns:1fr;} .servizi-grid{grid-template-columns:1fr;} .articoli-grid{grid-template-columns:1fr;} .contatti-grid{grid-template-columns:1fr;} .valori{grid-template-columns:repeat(2,1fr);} .footer-top{grid-template-columns:1fr; gap:34px;} nav.primary-nav{ display:none; position:absolute; top:100%; left:0; right:0; background:var(--paper); border-bottom:1px solid var(--gold-30); padding:20px 32px 30px; } nav.primary-nav.is-open{display:block;} nav.primary-nav ul{flex-direction:column; gap:18px;} /* Su mobile lo switcher lingua si sposta dentro al menu a tendina (sotto le voci) invece di stare nella barra in alto accanto al logo. */ .lang-switch-desktop{display:none;} .lang-switch-mobile{ display:flex; margin-top:22px; padding-top:18px; border-top:1px solid var(--gold-30); font-size:13px; } /* Con lo switcher lingua tolto dalla barra in alto, restano solo logo, bottone e hamburger: margine esplicito per non farlo restare attaccato al bordo destro dello schermo (il padding di base di .nav-inner resta 32px, qui aggiungiamo solo un margine extra). */ .burger{display:block; margin-left:10px;} } /* ===== MODAL RICHIESTA ACQUISTO CORSO ===== */ .corso-modal{position:fixed; inset:0; z-index:300; display:none;} .corso-modal.is-open{display:block;} .corso-modal-overlay{position:absolute; inset:0; background:rgba(43,41,43,0.72);} .corso-modal-box{ position:relative; z-index:1; max-width:480px; width:calc(100% - 40px); margin:8vh auto 0; background:var(--paper); border:1px solid var(--gold-30); border-radius:2px; padding:40px 32px 32px; max-height:82vh; overflow-y:auto; } .corso-modal-close{ position:absolute; top:12px; right:14px; background:none; border:none; font-size:26px; line-height:1; color:var(--umber); cursor:pointer; } .corso-modal-close:hover{color:var(--gold);} .corso-modal-box h3{font-size:22px; margin-bottom:8px;} .corso-modal-course-name{color:var(--gold); font-size:14px; font-style:italic; margin-bottom:24px;} /* Testo del consenso privacy più piccolo dentro il popup di acquisto corso */ .corso-modal-box .contact-form-wrap .privacy-row{font-size:12px; line-height:1.5;}