/*
Theme Name: Cristianamente
Theme URI: https://www.cristianamente.net/
Author: Cristianamente
Description: Tema WordPress di Cristianamente con design system, header e footer globali.
Version: 2.8.0
 Text Domain: cristianamente
*/

@font-face{font-family:Anton;src:url('public/fonts/anton-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('public/fonts/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('public/fonts/hanken-grotesk-latin.woff2') format('woff2');font-style:normal;font-weight:600 800;font-display:swap}
@font-face{font-family:'Cocomat Pro';src:url('public/fonts/CocomatPro-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Cocomat Pro';src:url('public/fonts/CocomatPro-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Cocomat Pro';src:url('public/fonts/CocomatPro-Bold.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}

    :root{--ink:#162029;--red:#f13d45;--yellow:#f1c542;--white:#fff;--paper:#fffbfb;--max:1110px;--radius:12px}
    *{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif;overflow-x:hidden}img{display:block;max-width:100%}button{font:inherit}.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.eyebrow{margin:0 0 18px;color:var(--red);font:800 13px/1 'Hanken Grotesk',sans-serif;text-transform:uppercase}.section-title{margin:0;font:500 clamp(34px,4vw,52px)/.96 'Cocomat Pro',sans-serif;letter-spacing:-1.5px}.soft-shadow{box-shadow:0 12px 28px rgba(22,32,41,.1)}
    .site-header{height:82px;display:flex;align-items:center;background:#fff}.site-brand-link{display:inline-flex}.brand{width:230px;height:auto}
    .site-footer{min-height:430px;padding:72px 0;background:var(--ink);color:#fff}.footer-inner{max-width:400px}.footer-logo{width:270px;filter:brightness(0) invert(1);margin-bottom:32px}.footer-copy{font:500 19px/1.2 'Cocomat Pro',sans-serif}.socials{display:flex;align-items:center;gap:18px;margin-top:35px}.social-link{display:flex;border-radius:6px;transition:transform .2s ease,opacity .2s ease}.social-link:hover{transform:translateY(-2px);opacity:.82}.social-link:focus-visible{outline:2px solid #fff;outline-offset:4px}.social-icon{width:34px;height:34px;object-fit:contain;filter:brightness(0) invert(1)}.social-icon.whatsapp{width:29px;height:29px}.social-icon.email{width:38px}

.wp-default-content { padding-block: 48px; }
.cristianamente-landing .wp-site-blocks { padding: 0; }
body.cristianamente-landing > header + p { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; }

/* Design system disponibile anche nelle pagine create manualmente. */
.wp-default-content{min-height:45vh}
.wp-default-content>:first-child{margin-top:0}
.wp-default-content>:last-child{margin-bottom:0}
.is-style-content-shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.is-style-display-title{font-family:'Anton',sans-serif!important;font-size:clamp(56px,8vw,110px)!important;font-weight:400!important;line-height:.9!important;letter-spacing:-1.5px;text-transform:uppercase}
.is-style-eyebrow{margin-bottom:18px;color:var(--red);font-family:'Hanken Grotesk',sans-serif;font-size:13px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.04em}
.wp-block-button__link{transition:transform .2s ease,box-shadow .2s ease}
.wp-block-button__link:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(22,32,41,.18)}
.is-style-white-button .wp-block-button__link{background:#fff;color:var(--ink)}
@media(max-width:900px){.shell{width:min(100% - 36px,var(--max))}}
@media(max-width:600px){.shell{width:calc(100% - 28px)}.site-header{height:64px}.brand{width:185px}.site-footer{min-height:370px;padding:60px 0}.footer-logo{width:230px}}

/* Pagina 404 */
.error-page{min-height:calc(100vh - 82px);overflow:hidden;background-color:#fff;background-image:url('public/sfondo hero.webp');background-position:center bottom;background-size:cover;background-repeat:no-repeat;color:#fff}
.error-content{display:flex;align-items:center;min-height:calc(100vh - 82px);padding-block:70px}
.error-copy{max-width:850px}
.error-code{margin:0 0 24px;color:var(--yellow);font:800 13px/1 'Hanken Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.04em}
.error-page h1{margin:0;font:400 clamp(58px,8vw,112px)/.88 Anton,sans-serif;letter-spacing:-1.5px;text-transform:uppercase}
.error-page h1 span{display:block;color:var(--ink)}
.error-button{display:inline-flex;align-items:center;gap:18px;margin-top:38px;padding:14px 23px;border-radius:999px;background:var(--yellow);color:var(--ink);font-weight:700;text-decoration:none;box-shadow:0 8px 18px rgba(22,32,41,.14);transition:transform .2s ease,box-shadow .2s ease}
.error-button:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(22,32,41,.2)}
.error-button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.error-button span{font-size:24px;line-height:1;transition:transform .2s ease}
.error-button:hover span{transform:translateX(4px)}
@media(max-width:600px){.error-page,.error-content{min-height:calc(100vh - 64px)}.error-content{padding-block:50px}.error-page h1{font-size:54px}}
@media(prefers-reduced-motion:reduce){.error-button,.error-button span{transition:none}}

/* Home temporanea: mostra anche il bordo inferiore originale della texture. */
body.home .construction-page{min-height:0!important;background:#fff!important}
body.home .construction-hero{min-height:calc(100vh - 82px)!important;background-color:#fff!important;background-image:url('public/sfondo hero.webp')!important;background-position:center bottom!important;background-size:cover!important;background-repeat:no-repeat!important}
body.home .construction-content{min-height:calc(100vh - 82px)!important}
@media(max-width:600px){body.home .construction-hero,body.home .construction-content{min-height:calc(100vh - 64px)!important}}