/*
Theme Name: ELLOLIO — Editorial Sicily
Author: ELLOLIO
Description: A highly visual editorial theme for ELLOLIO, styled to match the supplied homepage concept.
Version: 6.0
*/
:root{
 --paper:#f7f4ee;--paper2:#eee9e1;--ink:#241d26;--plum:#2c1d29;
 --olive:#a3ae17;--line:#d7d1c8;--white:#fff;
 --serif:Georgia,"Times New Roman",serif;
 --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
 --max:1200px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.42 var(--sans);letter-spacing:.01em}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%;height:auto}
.container{width:min(calc(100% - 72px),var(--max));margin:auto}
.site-header{height:62px;background:rgba(247,244,238,.97);position:sticky;top:0;z-index:50;border-bottom:1px solid #00000008}
.header-inner{height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.brand img{height:43px;width:auto;object-fit:contain}
.nav{display:flex;gap:29px;align-items:center;font-size:8px;letter-spacing:.18em;text-transform:uppercase}
.nav a{white-space:nowrap}.right{justify-self:end}
.instagram{font-size:15px;letter-spacing:0}

.hero{min-height:520px;background:url("assets/images/01_hero_sicily_wide.jpg") center/cover no-repeat;position:relative;color:#fff;display:flex;align-items:center}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,9,9,.66),rgba(15,9,9,.05) 65%),linear-gradient(0deg,rgba(0,0,0,.16),transparent 50%)}
.hero-inner{position:relative;z-index:2;padding:76px 0 80px}
.eyebrow{font-size:9px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:17px}
.hero h1{font:400 clamp(45px,5vw,70px)/.96 var(--serif);max-width:540px;margin:0 0 17px}
.hero p{font-size:14px;line-height:1.5;max-width:410px;margin:0 0 27px}
.btn{display:inline-block;background:#9ba80e;color:#fff;padding:12px 25px;font-size:8px;letter-spacing:.2em;text-transform:uppercase}
.btn:hover{background:#b2bd21}
.hero-mark{position:absolute;z-index:3;right:20%;top:55px;width:120px;filter:drop-shadow(0 7px 12px rgba(0,0,0,.16))}

.section{padding:54px 0}.story{display:grid;grid-template-columns:34% 66%;gap:35px;align-items:center}
.kicker{font-size:8px;letter-spacing:.27em;text-transform:uppercase;margin-bottom:15px}
.serif{font:400 39px/1.03 var(--serif);margin:0 0 17px;color:var(--plum)}
.story-copy p{max-width:410px;font-size:13px;margin:0 0 12px;color:#4d494c}
.story-link{font-size:8px;letter-spacing:.22em;text-transform:uppercase;margin-top:24px;display:inline-block}
.story-images{display:grid;grid-template-columns:2fr 1fr;gap:12px;height:330px}
.story-images img{width:100%;height:100%;object-fit:cover}

.harvest{background:#f1ede6;padding:42px 0 48px}.harvest-grid{display:grid;grid-template-columns:29% 71%;align-items:center}
.harvest-intro .serif{font-size:37px}
.harvest-intro p{font-size:12px;color:#575257;max-width:270px}
.process{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:17px}
.process-card{position:relative}.process-card:not(:last-child):after{content:"→";position:absolute;right:-13px;top:40%;font-size:25px;color:#4d4850}
.process-card img{width:100%;height:92px;object-fit:cover}.process-card h4{font-size:8px;letter-spacing:.22em;text-transform:uppercase;margin:10px 0 3px;font-weight:500}
.process-card p{font-size:10px;line-height:1.3;margin:0;color:#5d585d}

.approach-grid{display:grid;grid-template-columns:37% 33% 30%;min-height:300px}
.bottle-img{height:100%;width:100%;object-fit:cover}
.approach-copy{padding:48px 42px;background:var(--paper)}
.approach-copy .serif{font-size:39px}
.approach-copy p{font-size:12px;max-width:310px;color:#4e4a4e}
.grove-panel{background:var(--plum);color:#fff;padding:48px 37px}
.grove-panel .serif{color:#fff;font-size:32px}.grove-panel p{font-size:11px;color:#eee5eb;max-width:290px}

.journal{padding:28px 0 36px}.journal-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.journal-head .serif{font-size:31px;max-width:500px;margin:0}
.follow{text-align:right;font-size:10px;line-height:1.4}.follow span{font-size:9px;letter-spacing:.08em}
.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.gallery img{width:100%;aspect-ratio:1.35;object-fit:cover}

.footer{background:var(--plum);color:#fff;padding:28px 0 25px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-logo{height:35px;filter:brightness(0) invert(1);margin-bottom:5px}.footer small{font-size:8px;letter-spacing:.18em;text-transform:uppercase}.footer .location{font-size:10px;color:#d9ced7}.footer-nav{justify-self:center;display:flex;gap:18px;font-size:7px;letter-spacing:.17em;text-transform:uppercase}.footer-social{justify-self:end;text-align:right;font-size:9px}

@media(max-width:950px){
 .container{width:min(calc(100% - 38px),var(--max))}.nav{gap:16px}.hero-mark{right:10%;width:100px}
 .story{grid-template-columns:1fr}.story-images{height:420px}.harvest-grid{grid-template-columns:1fr;gap:25px}.process{grid-template-columns:repeat(4,1fr)}
 .approach-grid{grid-template-columns:1fr 1fr}.bottle-img{min-height:360px}.grove-panel{grid-column:1/-1}
}
@media(max-width:680px){
 .site-header,.header-inner{height:58px}.header-inner{grid-template-columns:1fr auto}.brand img{height:36px}.nav{display:none}.right{display:flex;justify-self:end}.right a:not(.instagram){display:none}
 .hero{min-height:620px}.hero-inner{padding:90px 0 70px}.hero-mark{right:7%;top:45px;width:82px}.hero h1{font-size:48px}
 .section{padding:45px 0}.story-images{height:300px}.harvest{padding:40px 0}.process{grid-template-columns:1fr 1fr;gap:22px 14px}.process-card:not(:last-child):after{display:none}
 .approach-grid{grid-template-columns:1fr}.bottle-img{height:430px}.approach-copy{padding:40px 25px}.grove-panel{padding:40px 25px}
 .journal-head{display:block}.follow{text-align:left;margin-top:15px}.gallery{grid-template-columns:1fr 1fr}.gallery img:last-child{display:none}
 .footer-grid{grid-template-columns:1fr;gap:20px}.footer-nav{justify-self:start;flex-wrap:wrap}.footer-social{justify-self:start;text-align:left}
}

/* Elementor compatibility */
.elementor-compatible-content{min-height:60vh;padding:40px 0 100px}
.elementor-compatible-content>.container{width:min(calc(100% - 48px),1240px)}
.elementor-page .elementor-compatible-content>.container{width:100%;max-width:none;padding:0}
.elementor-page .elementor-compatible-content{padding:0}
.text-link{font-size:10px;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px}
.story-images{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}
.story-images img{width:100%;height:420px;object-fit:cover}
.harvest-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{background:transparent;padding:0;min-height:0}
.step img{width:100%;aspect-ratio:1/1;object-fit:cover}
.step span{display:block;margin-top:10px;font-size:9px;letter-spacing:.16em}
.step h3{font:400 20px var(--serif);margin:5px 0}
.step p{font-size:12px;margin:0}
.split-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr}
.bottle-photo img{width:100%;height:430px;object-fit:cover}
.approach{padding:65px 55px;background:var(--ivory)}
.grove-panel{padding:65px 50px;background:var(--aub);color:#fff}
.grove-panel h2{font:400 40px/1.05 var(--serif)}
.grove-panel p{font-size:14px;color:#fff}
.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:35px}
.gallery img{width:100%;aspect-ratio:1/1;object-fit:cover}
@media(max-width:850px){
 .story-images,.harvest-grid,.split-grid{grid-template-columns:1fr}
 .steps{grid-template-columns:1fr 1fr}
 .gallery{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){.steps,.gallery{grid-template-columns:1fr}.approach,.grove-panel{padding:45px 25px}}

.elementor-content-area{padding:50px 0 90px;background:var(--ivory)}
.elementor-content-area .container{width:min(calc(100% - 48px),1240px)}

/* ELLOLIO v6 — Elementor-safe homepage */
.el-home{background:#FAF9F6;color:#30202D}
.el-container{width:min(calc(100% - 96px),1240px);margin:0 auto}
.el-hero{height:min(680px,78vh);min-height:560px;position:relative;overflow:hidden;color:#fff}
.el-hero-bg,.el-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.el-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.08) 72%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 55%)}
.el-hero-content{position:relative;z-index:2;padding-top:120px}
.el-eyebrow,.el-kicker{font:500 10px/1.2 "Helvetica Neue",Arial,sans-serif;letter-spacing:.25em}
.el-hero h1,.el-section h2{font:400 clamp(43px,5vw,72px)/.98 Georgia,"Times New Roman",serif}
.el-hero h1{margin:18px 0}.el-hero p{font-size:15px;line-height:1.5;margin:0 0 30px}
.el-button{display:inline-block;border:1px solid rgba(255,255,255,.85);padding:14px 22px;color:#fff;font-size:9px;letter-spacing:.2em}
.el-button:hover{background:#A6B900;color:#111;border-color:#A6B900}
.el-section{padding:82px 0}.el-story-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}
.el-section h2{margin:16px 0 24px}.el-section p{font-size:14px;line-height:1.55;color:#4f4a48}.el-section .lead{font-size:17px}
.el-link{display:inline-block;margin-top:22px;font-size:9px;letter-spacing:.2em;border-bottom:1px solid currentColor;padding-bottom:5px}
.el-story-images{display:grid;grid-template-columns:1.35fr .75fr;gap:14px}.el-story-images img{width:100%;height:410px;object-fit:cover}
.el-harvest{background:#f1eee8}.el-harvest-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:45px;align-items:center}
.el-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.el-step img{width:100%;aspect-ratio:1/1;object-fit:cover}.el-step span{display:block;margin-top:9px;font-size:8px;letter-spacing:.2em}.el-step h3{font:500 9px/1.2 "Helvetica Neue",Arial,sans-serif;letter-spacing:.2em;margin:7px 0}.el-step p{font-size:11px;line-height:1.35;margin:0}
.el-three{padding:0}.el-three-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.el-photo img{width:100%;height:430px;object-fit:cover}.el-approach,.el-dark{padding:65px 55px;min-height:430px}.el-approach{background:#FAF9F6}.el-dark{background:#30202D;color:#fff}.el-dark p{color:#fff}.el-dark .el-link{color:#fff}.el-gallery{padding-top:72px}.el-gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}.el-gallery-grid img{width:100%;aspect-ratio:1/1;object-fit:cover}.el-fallback-image{background:#ddd6c6;min-height:200px;display:grid;place-items:center;color:#665f55;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.el-page-content{min-height:70vh}
@media(max-width:900px){.el-container{width:min(calc(100% - 40px),1240px)}.el-story-grid,.el-harvest-grid,.el-three-grid{grid-template-columns:1fr}.el-steps{grid-template-columns:1fr 1fr}.el-gallery-grid{grid-template-columns:repeat(2,1fr)}.el-approach,.el-dark{min-height:0}.el-hero{height:620px}.el-hero-content{padding-top:95px}}
@media(max-width:560px){.el-story-images{grid-template-columns:1fr}.el-story-images img{height:300px}.el-steps,.el-gallery-grid{grid-template-columns:1fr}.el-hero h1{font-size:46px}.el-section{padding:60px 0}.el-approach,.el-dark{padding:50px 25px}}
/* Make Elementor editor canvas comfortable inside this theme */
.elementor-page .el-page-content,.elementor-page .site-main{min-height:0}