/*
Theme Name: Simona Vitali
Theme URI: https://example.com/simona-vitali
Author: Simona Vitali
Description: Tema editoriale su misura per Simona Vitali.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: simona-vitali
*/

:root{--ink:#111110;--paper:#f7f1e8;--paper-deep:#eee3d5;--coral:#cf7871;--ochre:#dca92f;--sage:#8e9565;--line:rgba(17,17,16,.14);--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--script:"Caveat",cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.35;background-image:radial-gradient(rgba(30,20,10,.06) .6px,transparent .7px);background-size:5px 5px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-shell{overflow:hidden}.wrap{width:min(1450px,calc(100% - 80px));margin:auto}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{font:48px/1 var(--script);letter-spacing:-2px;position:relative}.brand:after,.script-underline:after{content:"";display:block;width:70%;height:4px;background:var(--coral);transform:rotate(-3deg);margin:-3px 0 0 24px;border-radius:99px}.primary-nav{display:flex;gap:32px;align-items:center;font:700 13px var(--sans);text-transform:uppercase}.primary-nav a:hover{color:var(--coral)}.header-actions{display:flex;align-items:center;gap:26px}.search-icon{width:22px;height:22px;border:1.7px solid var(--ink);border-radius:50%;position:relative}.search-icon:after{content:"";position:absolute;width:8px;height:1.7px;background:var(--ink);right:-6px;bottom:0;transform:rotate(48deg)}.newsletter-tab{background:var(--coral);padding:14px 18px;font:700 13px var(--sans);text-transform:uppercase;line-height:1.1;transform:rotate(-1deg)}.newsletter-tab em{display:block;font:24px var(--script);text-transform:none}.menu-toggle{display:none;background:none;border:0;width:28px;padding:0}.menu-toggle span{display:block;height:2px;background:var(--coral);margin:6px 0}.hero{min-height:585px;position:relative;display:grid;grid-template-columns:43% 57%;align-items:center}.hero:before{content:"";position:absolute;inset:16% -10% -6% -18%;background:radial-gradient(ellipse at 78% 65%,rgba(220,169,47,.85) 0 16%,transparent 16.5%),radial-gradient(ellipse at 0 85%,rgba(207,120,113,.72) 0 20%,transparent 20.5%);opacity:.8;pointer-events:none}.hero-copy{position:relative;z-index:2;padding:36px 0 45px 9%}.eyebrow,.tag{font:700 14px var(--sans);letter-spacing:.5px;text-transform:uppercase;color:var(--coral)}.hero h1{font-size:clamp(64px,6.4vw,104px);line-height:.93;margin:22px 0 28px;letter-spacing:-3px}.hero h1 .underline{position:relative;white-space:nowrap}.hero h1 .underline:after{content:"";position:absolute;left:2%;right:4%;bottom:-12px;height:6px;border-radius:100%;background:var(--ochre);transform:rotate(-1deg)}.hero-copy p{max-width:400px;font-size:21px}.button{display:inline-flex;gap:28px;align-items:center;background:var(--ink);color:#fff;padding:19px 24px;margin-top:22px;font:700 13px var(--sans);text-transform:uppercase}.button b{font-size:27px;font-weight:400;color:var(--ochre);line-height:.5}.hero-art{height:585px;position:relative;z-index:1}.hero-art img{height:100%;max-width:none;position:absolute;bottom:-1px;left:5%;filter:contrast(1.05)}.thought-note{position:absolute;right:1%;top:11%;width:290px;padding:36px 28px;background:repeating-linear-gradient(#f6f0e5 0 28px,#cfc4b4 29px 30px);transform:rotate(-4deg);font:27px/1.4 var(--script);z-index:0}.thought-note strong{font-weight:400}.thought-note strong:after{content:"";display:block;height:4px;width:95px;background:var(--coral);margin-left:22px}.paths{display:grid;grid-template-columns:1.1fr repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.1)}.paths-intro,.path-card{padding:30px;border-right:1px solid var(--line)}.paths-intro h2{font:43px/1.02 var(--script);margin:0 0 26px}.paths-intro p{font-size:17px;max-width:180px}.arrow{font:27px/1 var(--sans);display:inline-block;margin-top:10px}.path-card{min-height:310px;position:relative;padding:0 20px 22px}.path-card img{height:134px;width:calc(100% + 40px);max-width:none;object-fit:cover;margin-left:-20px;filter:sepia(.16)}.badge{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--coral);font-size:26px;position:absolute;top:102px;left:20px}.path-card:nth-child(3) .badge{background:var(--ochre)}.path-card:nth-child(4) .badge{background:var(--sage)}.path-card h3{font-size:29px;margin:34px 0 7px}.path-card p{font-size:16px;margin:0}.journal{padding:36px 0 20px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-heading h2{font-size:52px;line-height:.9;margin:0}.section-heading h2:after{content:"•";font:40px var(--sans);color:var(--coral)}.section-heading p{font-size:20px;margin:8px 0 0}.view-all{font:700 13px var(--sans);text-transform:uppercase;border-bottom:4px solid var(--coral);padding-bottom:7px}.post-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.post-card{padding:0 15px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:395px}.post-image{height:145px;width:calc(100% + 30px);margin-left:-15px;object-fit:cover;filter:sepia(.22)}.post-card .tag{display:inline-block;color:#fff;background:var(--coral);padding:6px 8px;margin-top:-18px;position:relative;font-size:11px}.post-card:nth-child(2) .tag{background:var(--ochre);color:var(--ink)}.post-card:nth-child(3) .tag{background:var(--sage)}.post-card h3{font-size:28px;line-height:1;margin:17px 0 10px}.post-date{font:13px var(--sans);text-transform:uppercase;color:#765}.post-card p{font-size:16px;margin:10px 0}.read-more{font:700 12px var(--sans);text-transform:uppercase;display:inline-block;margin-top:12px}.read-more:after{content:" →";font-size:22px;font-weight:400;margin-left:8px}.about{display:grid;grid-template-columns:32% 30% 38%;align-items:center;min-height:320px;margin-top:15px}.about-portrait{height:310px;position:relative;background:linear-gradient(90deg,transparent 25%,rgba(207,120,113,.7) 25% 72%,transparent 72%)}.about-portrait img{height:100%;margin:auto;filter:contrast(1.1)}.about-copy h2{font-size:43px;margin:0 0 18px}.about-copy p{font-size:16px}.about-copy .read-more{margin-top:12px}.polaroids{display:flex;gap:15px;padding:18px}.polaroid{background:#f5eee2;padding:10px 10px 26px;box-shadow:0 3px 9px rgba(0,0,0,.12);transform:rotate(-5deg)}.polaroid:nth-child(2){transform:rotate(4deg);margin-top:15px}.polaroid img{width:170px;height:190px;object-fit:cover;filter:sepia(.15)}.subscribe{background:linear-gradient(90deg,rgba(207,120,113,.9),rgba(207,120,113,.75)),url('assets/images/note-writing.jpg') center/cover;min-height:82px;display:flex;align-items:center;gap:42px;padding:18px 7%}.subscribe p{margin:0;max-width:330px;font-size:17px}.subscribe form{flex:1;display:flex}.subscribe input{border:0;background:#fff7f0;padding:16px;width:100%;font:16px var(--serif)}.subscribe button{border:0;background:var(--ink);color:#fff;padding:0 24px;font:700 12px var(--sans);text-transform:uppercase}.site-footer{background:#111;color:#fff;padding:20px 0}.site-footer .wrap{display:flex;align-items:center;justify-content:space-between}.site-footer .brand{font-size:35px}.site-footer nav{display:flex;gap:28px;font:12px var(--sans);text-transform:uppercase}.socials{font:20px var(--sans);letter-spacing:9px}.customize-partial-edit-shortcut-button{display:none!important}
@media(max-width:1000px){.wrap{width:min(100% - 34px,620px)}.site-header{height:115px}.brand{font-size:43px}.primary-nav,.header-actions{display:none}.menu-toggle{display:block}.menu-open .primary-nav{display:flex;position:absolute;z-index:20;top:98px;left:0;right:0;padding:25px 17px;background:var(--paper);box-shadow:0 8px 18px rgba(0,0,0,.12);flex-direction:column;gap:18px}.hero{min-height:650px;display:block}.hero-copy{padding:10px 0 0}.eyebrow{font-size:12px}.hero h1{font-size:59px;letter-spacing:-2px;margin:16px 0 23px}.hero-copy p{font-size:18px;max-width:310px}.button{position:absolute;z-index:4;bottom:-625px;left:0;width:100%;justify-content:space-between;background:var(--coral);font-size:13px}.button b{color:#fff}.hero-art{height:355px;position:absolute;bottom:0;left:-12px;right:-12px}.hero-art img{height:100%;left:7%;bottom:0}.thought-note{display:none}.paths{grid-template-columns:1fr;border:0;margin-top:45px}.paths-intro{padding:36px 0 20px;border:0}.paths-intro h2{font:39px var(--serif)}.paths-intro p,.paths-intro .arrow{display:none}.path-card{min-height:0;padding:0 0 22px;border:0;display:grid;grid-template-columns:56px 1fr;column-gap:0}.path-card img{grid-column:1/3;width:100%;height:156px;margin:0}.badge{position:relative;grid-column:1;grid-row:2;top:auto;left:auto;margin-top:-24px}.path-card h3{grid-column:2;margin:7px 0 2px;font:700 16px var(--sans);text-transform:uppercase;align-self:end}.path-card p{grid-column:2;font-size:16px;max-width:230px}.path-card .arrow{grid-column:1;margin:5px 0}.journal{padding-top:30px}.section-heading{display:block}.section-heading h2{font-size:39px}.section-heading p{font-size:17px}.view-all{display:none}.post-grid{grid-template-columns:1fr;border:0;gap:18px}.post-card{border:1px solid var(--line);padding:0 14px 17px;min-height:0}.post-image{height:180px}.post-card h3{font-size:26px}.post-card p{font-size:17px}.post-card .read-more{margin-top:5px}.journal .mobile-view{display:flex;margin:18px 0 5px;justify-content:center;border:1px solid var(--ink);padding:14px;font:700 12px var(--sans);text-transform:uppercase}.about{display:block;margin:45px -17px 0;padding:0 17px}.about-copy{order:0}.about-copy h2{font-size:39px}.about-portrait{height:340px;margin-top:18px}.about-copy p{font-size:17px}.polaroids{padding:30px 0 40px;display:block}.polaroid{width:82%;margin:0 auto 25px!important}.polaroid:nth-child(2){margin-left:auto!important}.polaroid img{width:100%;height:220px}.subscribe{display:block;margin:0 -17px;padding:35px 17px;background-color:var(--coral)}.subscribe p{font-size:21px;margin-bottom:25px}.subscribe form{display:block}.subscribe input{height:50px;margin-bottom:12px}.subscribe button{height:52px;width:100%}.site-footer{margin:0 -17px;padding:25px 17px}.site-footer .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:11px}.socials{grid-column:1/3;text-align:center}.site-footer .brand{font-size:34px}}
.hero-art:after{content:"";position:absolute;right:-4%;bottom:5%;width:150px;height:140px;background:radial-gradient(circle at 8% 8%,#111 0 6px,transparent 7px),radial-gradient(circle at 42% 36%,#111 0 10px,transparent 11px),radial-gradient(circle at 69% 14%,#111 0 4px,transparent 5px),radial-gradient(circle at 79% 65%,#111 0 7px,transparent 8px),radial-gradient(circle at 22% 77%,#111 0 3px,transparent 4px);opacity:.92;z-index:3}.hero-pen{position:absolute;right:-8%;bottom:3%;width:230px;height:24px;border-radius:99px;background:linear-gradient(90deg,#111 0 72%,#b49859 73% 81%,#111 82%);transform:rotate(-49deg);z-index:3;box-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-pen:after{content:"";position:absolute;right:-25px;top:-10px;border-left:32px solid #b49859;border-top:22px solid transparent;border-bottom:22px solid transparent}.polaroids{position:relative}.about-note{align-self:center;font:28px/1.25 var(--script);text-align:center;transform:rotate(4deg);padding:22px 15px;background:repeating-linear-gradient(#f4ead9 0 29px,#d3c2ad 30px 31px);min-width:150px}.about-note span{display:block;font:24px var(--sans);margin-top:8px}.polaroid:before{content:"";position:absolute;width:72px;height:15px;background:rgba(222,202,171,.85);top:-8px;left:calc(50% - 36px);transform:rotate(2deg)}
.polaroid{position:relative}.hero:before{display:none}.hero-art:after{display:none}.hero-brushes-left,.hero-ink-left{position:absolute;z-index:0;pointer-events:none}.hero-brushes-left{width:420px;max-width:none;left:-23%;bottom:-15%;opacity:.82}.hero-ink-left{width:170px;max-width:none;left:-20%;top:10%;opacity:.96}.hero-art .hero-person{height:100%;max-width:none;position:absolute;bottom:-1px;left:5%;filter:contrast(1.05);z-index:2}.hero-art .hero-brushes{position:absolute;z-index:0;width:510px;height:auto;max-width:none;right:-15%;bottom:-7%;left:auto}.hero-art .hero-ink{position:absolute;z-index:4;width:190px;height:auto;max-width:none;right:-8%;bottom:8%;left:auto}.thought-note{z-index:3}.hero-art .hero-pen{position:absolute;z-index:5;width:280px;height:auto;max-width:none;right:-14%;bottom:-13%;left:auto;transform:none;background:none;border:0;box-shadow:none}.about-torn-paper{position:absolute;z-index:0;right:-9%;bottom:-4%;width:120%;height:auto;opacity:.92}.polaroids figure,.polaroids .about-note{position:relative;z-index:1}@media(max-width:1000px){.hero-copy{position:static}.hero .button{bottom:0}.hero-art{height:390px}.hero-brushes-left{width:270px;left:-45%;bottom:-7%}.hero-ink-left{width:115px;left:-24%;top:15%}.hero-art .hero-person{left:3%}.hero-art .hero-brushes{width:350px;right:-55%;bottom:4%}.hero-art .hero-ink{width:135px;right:-14%;bottom:12%}.hero-art .hero-pen{width:195px;right:-28%;bottom:-3%;transform:none}.about-note{margin:15px 0 0 auto;width:54%;font-size:27px}.polaroid:before{display:block}.about-torn-paper{right:-26%;bottom:-2%;width:135%}}
@media(min-width:1001px){.mobile-view{display:none}}
@media(min-width:1001px){
  .polaroids{gap:12px;padding:18px 0 18px 8px;justify-content:flex-end}
  .polaroids .polaroid{flex:1 1 0;width:auto;min-width:0;margin-left:0;margin-right:0;padding:8px 8px 18px}
  .polaroids .polaroid img{width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover}
  .polaroids .about-note{flex:0 0 126px;min-width:126px;padding:18px 9px;font-size:24px}
}

/* Mobile composition — deliberately isolated so the desktop presentation is unchanged. */
@media(max-width:600px){
  .wrap{width:calc(100% - 64px)}
  .wrap{width:calc(100% - 32px)}
  .site-header{height:112px;position:relative}
  .site-header:after{content:'☰';position:absolute;right:0;top:40px;color:var(--coral);font:31px/1 var(--sans);font-weight:400;pointer-events:none}
  .brand{font-size:40px}
  .menu-toggle{display:block!important;position:absolute;right:0;top:43px;z-index:30}
  .menu-toggle span{display:none}
  .menu-toggle:before{content:'☰';display:block;color:var(--coral);font:31px/1 var(--sans);font-weight:400}
  .menu-open .primary-nav{top:96px;left:-16px;right:-16px;padding:24px 32px}
  .hero{min-height:700px}
  .hero-copy{padding:13px 0 0}
  .eyebrow{font-size:12px}
  .hero h1{font-size:55px;line-height:.95;margin:15px 0 22px;letter-spacing:-2px}
  .hero-copy p{font-size:18px;line-height:1.55;max-width:315px;margin:0}
  .hero-art{height:405px;left:-16px;right:-16px}
  .hero-art .hero-person{left:2%;height:100%}
  .hero-art .hero-brushes{width:330px;right:-62%;bottom:8%}
  .hero-art .hero-ink{width:125px;right:-15%;bottom:13%}
  .hero-art .hero-pen{width:190px;right:-29%;bottom:-2%}
  .hero-brushes-left{width:245px;left:-53%;bottom:-4%}
  .hero-ink-left{width:100px;left:-25%;top:18%}
  .hero .button{bottom:0;left:0;right:0;width:100%;min-height:53px;margin:0;padding:17px 22px;background:var(--coral);font-size:12px}
  .hero .button b{color:#fff;font-size:25px}
  .paths{margin-top:40px}
  .paths-intro{padding:33px 0 18px}
  .paths-intro h2{font-size:0;letter-spacing:-.5px}
  .paths-intro h2:after{content:'Le mie strade.';font:39px/1.05 var(--serif)}
  .path-card{padding-bottom:26px;grid-template-columns:56px minmax(0,1fr)}
  .path-card img{height:158px}
  .path-card h3{font-size:15px;letter-spacing:.1px;margin:8px 0 3px}
  .path-card p{font-size:16px;line-height:1.45;max-width:245px}
  .badge{width:54px;height:54px;font-size:23px}
  .journal{padding-top:33px}
  .section-heading h2{font-size:39px}
  .section-heading p{font-size:17px;margin-top:7px}
  .post-grid{gap:19px}
  .post-card{padding:0 14px 20px}
  .post-image{height:181px}
  .post-card h3{font-size:26px;line-height:1.02;margin:18px 0 10px}
  .post-card p{font-size:17px;line-height:1.42}
  .post-card .read-more{margin-top:13px}
  .journal .mobile-view{margin:20px 0 6px;padding:14px}
  .about{display:flex;flex-direction:column;margin:46px -16px 0;padding:0 16px}
  .about:before{content:'Chi è Simona?';display:block;order:0;align-self:stretch;font-size:39px;line-height:1;margin:0 0 22px}
  .about-portrait{order:1;width:78%;height:365px;margin:0 auto 24px;background:linear-gradient(90deg,transparent 18%,rgba(207,120,113,.7) 18% 80%,transparent 80%)}
  .about-portrait img{height:100%}
  .about-copy{order:2;width:100%}
  .about-copy h2{display:none}
  .about-copy p{font-size:17px;line-height:1.55}
  .about-copy .read-more{margin:13px 0 14px}
  .polaroids{order:3;width:100%;padding:24px 0 40px;display:block}
  .polaroid{width:86%;margin:0 auto 26px!important;padding:10px 10px 25px}
  .polaroid img{width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover}
  .about-note{width:60%;margin:10px 0 0 auto;padding:20px 12px;font-size:27px}
  .about-torn-paper{right:-25%;bottom:-1%;width:136%}
  .subscribe{margin:0 -16px;padding:35px 16px 34px}
  .subscribe p{font-size:20px;line-height:1.35;margin-bottom:24px}
  .subscribe input{font-size:17px}
  .subscribe button{font-size:12px}
  .site-footer{margin:0 -16px;padding:27px 16px 24px}
  .site-footer .wrap{width:100%;grid-template-columns:1.2fr 1fr;gap:17px}
}

.mobile-only{display:none}

/* Final mobile art direction: mirrors the three supplied mobile panels only. */
@media(max-width:600px){
  .site-header:after{right:1px;top:40px;font-size:30px}
  .hero{min-height:718px}
  .hero h1{font-size:54px;line-height:.94}
  .hero-copy p{font-size:17px;line-height:1.58}
  .hero-art{height:420px}
  .hero-art .hero-person{left:0}
  .hero-art .hero-brushes{width:350px;right:-55%;bottom:4%}
  .hero-art .hero-ink{width:138px;right:-13%;bottom:12%}
  .hero-art .hero-pen{width:205px;right:-24%;bottom:-2%}
  .hero .button{left:0;right:0;width:100%;padding:18px 27px;font-size:13px}
  .paths{width:calc(100% - 64px);margin:47px auto 0}
  .paths-intro{padding:36px 0 21px}
  .paths-intro h2:after{font-size:39px}
  .path-card{padding-bottom:27px}
  .path-card img{height:154px}
  .path-card h3{font-size:15px;margin-top:9px}
  .path-card p{font-size:15.5px;line-height:1.47}
  .journal{padding-top:35px}
  .section-heading h2{font-size:40px}
  .section-heading h2:after{font-size:30px}
  .post-grid{gap:20px}
  .post-card{padding:0 14px 21px;background:rgba(255,255,255,.08)}
  .post-image{height:180px}
  .post-card h3{font-size:25px;line-height:1.06}
  .post-card p{font-size:16px}
  .about{margin:50px 0 0;padding:0}
  .about:before{font-size:39px;margin-bottom:23px}
  .about-portrait{width:56%;height:300px;margin:0 0 23px 0;background:transparent;position:relative;padding:9px;background:#f5eee2;box-shadow:0 3px 9px rgba(0,0,0,.12);transform:rotate(-2deg)}
  .about-portrait:before{content:'';position:absolute;z-index:2;top:-8px;left:calc(50% - 36px);width:72px;height:16px;background:rgba(222,202,171,.88);transform:rotate(2deg)}
  .about-portrait:after{content:'prendere\A appunti\A è il mio\A superpotere.\A ♡';white-space:pre;position:absolute;left:calc(100% + 8px);top:34px;color:var(--ink);font:22px/1.2 var(--script);transform:rotate(4deg)}
  .about-portrait img{height:100%;width:100%;object-fit:cover;object-position:center top}
  .about-copy p{font-size:17px;line-height:1.52;margin:0 0 13px}
  .about-copy .read-more{font-size:12px;margin:15px 0 17px}
  .polaroids{padding:23px 0 40px}
  .polaroids .polaroid{width:88%;margin:0 auto 28px!important;padding:10px 10px 25px}
  .polaroids .polaroid img{width:100%;height:auto;aspect-ratio:auto;object-fit:cover}
  .polaroids .mobile-only{display:block}
  .polaroids .about-note{width:61%;margin:2px 0 0 auto;font-size:28px;padding:21px 13px}
  .subscribe{margin:0 -32px;padding:36px 32px 34px}
  .subscribe p{font-size:20px;line-height:1.4}
}

/* Mobile refinements requested after visual comparison with the final panels. */
@media(max-width:600px){
  .brand{font-size:48px}
  .hero-copy{padding-left:10px;padding-right:0}
  .hero h1{font-size:62px;letter-spacing:-2.4px}
  .hero-copy p{max-width:none;width:100%;font-size:17px}
  .hero-copy p br{display:none}
  .polaroids .polaroid:nth-of-type(n+2){display:none}
  .polaroids .mobile-only{display:none}
  .subscribe p{margin-left:10px}
  .subscribe form{display:block!important;flex:none!important;width:82%!important;max-width:300px;margin-left:10px!important}
  .subscribe input,.subscribe button{display:block;width:100%!important}
}

/* Last mobile alignment pass. */
@media(max-width:600px){
  .site-header:after{content:none}
  .menu-toggle{display:block!important}
  .menu-toggle:before{content:'☰';display:block;color:var(--coral);font:30px/1 var(--sans);font-weight:400}
  .about-copy{padding-left:10px}
  .about-note{display:none}
  .subscribe form{position:relative;left:50%;transform:translateX(-50%);width:260px!important;max-width:calc(100% - 40px);margin:0!important}
}