/*
Theme Name: It's Lashing Reference Match
Theme URI: https://itlashing.tt/
Author: OpenAI
Description: One-page landing theme closely matching the approved It's Lashing Pepper Sauce reference design, with social media and gallery.
Version: 3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: its-lashing-landing
*/
:root{--red:#d81920;--yellow:#f8c900;--green:#168b2d;--black:#070707;--cream:#f8f4ea;--white:#fff;--text:#171717}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.ref-container{width:min(1180px,calc(100% - 34px));margin:0 auto}.lash-reference{overflow:hidden}.ref-header{position:relative;z-index:20;background:#000}.ref-navwrap{height:90px;display:flex;align-items:center;gap:32px}.ref-logo{width:205px;flex:0 0 auto}.ref-logo img{width:100%}.ref-nav{display:flex;align-items:center;justify-content:center;gap:34px;flex:1}.ref-nav a{color:#fff;font-size:14px;font-weight:900;text-transform:uppercase}.ref-nav a.active,.ref-nav a:hover{color:var(--yellow)}.ref-wa{display:flex;align-items:center;gap:9px;background:#11862a;color:#fff;font-size:13px;font-weight:900;padding:13px 18px;border-radius:10px;text-transform:uppercase;white-space:nowrap}.ref-wa svg,.green-btn svg,.social-ref-icon svg,.floating-social-ref svg{width:21px;height:21px;fill:currentColor}.hero-ref{position:relative;background:#050505;color:#fff}.hero-ref:before{content:"";position:absolute;inset:90px 0 0;background:radial-gradient(circle at 72% 40%,rgba(255,130,0,.10),transparent 35%),radial-gradient(circle at 25% 45%,rgba(216,25,32,.08),transparent 28%)}.hero-ref-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;min-height:610px;align-items:center}.hero-ref-copy{padding:28px 0 62px}.brush-white{font-family:"Brush Script MT",cursive;font-size:66px;font-weight:700;line-height:.9;margin-left:40px}.hero-ref h1{margin:-6px 0 0;color:var(--red);font-family:Impact,"Arial Black",sans-serif;font-size:112px;line-height:.84;font-style:italic;letter-spacing:-4px;text-transform:uppercase;transform:rotate(-3deg);transform-origin:left center}.pepper-tag{display:inline-block;margin:12px 0 8px 90px;padding:6px 24px;background:#070707;border-bottom:5px solid var(--yellow);font-size:34px;font-weight:900;letter-spacing:.02em;transform:rotate(-2deg)}.green-brush{margin-top:18px;display:inline-flex;flex-direction:column;background:linear-gradient(90deg,#11752c,#168b2d 70%,transparent);padding:14px 60px 14px 38px;transform:rotate(-2deg);font-size:22px;line-height:1.25}.green-brush strong{color:var(--yellow)}.cook-love{font-family:"Brush Script MT",cursive;font-size:34px;margin:22px 0 0 44px}.cook-love span{color:var(--red);font-size:44px}.hero-ref-actions{display:flex;gap:12px;margin:24px 0 0 10px;flex-wrap:wrap}.yellow-btn,.dark-outline,.green-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:13px 18px;font-size:13px;font-weight:900;text-transform:uppercase}.yellow-btn{background:var(--yellow);color:#111}.dark-outline{border:1px solid #fff;color:#fff}.green-btn{background:var(--green);color:#fff}.hero-ref-photo{height:610px;align-self:end;display:flex;align-items:flex-end;justify-content:flex-end}.hero-ref-photo img{height:100%;width:auto;object-fit:cover}.paper-tear{position:absolute;left:-2%;right:-2%;bottom:-2px;height:38px;background:var(--cream);clip-path:polygon(0 40%,5% 25%,10% 45%,15% 30%,20% 48%,25% 22%,30% 40%,35% 27%,40% 45%,45% 25%,50% 42%,55% 24%,60% 43%,65% 25%,70% 45%,75% 27%,80% 42%,85% 24%,90% 46%,95% 28%,100% 42%,100% 100%,0 100%)}
.story-ref{background:var(--cream);padding:48px 0 34px}.story-ref-grid{display:grid;grid-template-columns:320px 1fr 250px;gap:28px;align-items:center}.story-collage img{width:100%;transform:rotate(-2deg);filter:drop-shadow(0 10px 10px rgba(0,0,0,.16))}.story-ref-copy h2{font-family:Impact,"Arial Black",sans-serif;font-size:46px;text-transform:uppercase;margin:0 0 10px}.story-ref-copy h2 span{color:var(--red)}.story-ref-copy p{font-size:16px;line-height:1.55;margin:0}.story-script{font-family:"Brush Script MT",cursive;font-size:27px;margin-top:15px}.story-script b{color:var(--red)}.story-script em{color:var(--green)}.trinidad-stamp{width:210px;height:210px;border:4px solid #111;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;font-weight:900;font-size:22px;transform:rotate(-7deg)}.trinidad-stamp strong{font-size:34px;color:var(--red)}.trinidad-stamp span{font-size:17px;color:var(--green)}
.process-ref{background:#090909;color:#fff;padding:38px 0 42px}.process-ref h2{text-align:center;margin:0 0 22px;font-family:"Brush Script MT",cursive;font-size:40px}.process-ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-ref article{text-align:center;position:relative}.process-ref article img{width:100%;height:170px;object-fit:cover;border:2px solid #eee;border-radius:16px}.round-icon{width:38px;height:38px;border-radius:50%;background:var(--green);display:grid;place-items:center;margin:-20px auto 8px;position:relative;z-index:3;border:3px solid #111;font-weight:900}.process-ref h3{font-size:17px;text-transform:uppercase;margin:5px 0 2px}.process-ref p{font-size:13px;color:#e1e1e1;margin:0}.gallery-ref{background:var(--cream);padding:36px 0 46px}.gallery-ref h2{text-align:center;font-family:"Brush Script MT",cursive;font-size:44px;margin:0 0 18px}.gallery-ref-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.gallery-ref-grid img{width:100%;height:132px;object-fit:cover;border-radius:10px}.gallery-ref-grid img:nth-child(6),.gallery-ref-grid img:nth-child(7),.gallery-ref-grid img:nth-child(8),.gallery-ref-grid img:nth-child(9){grid-column:auto}.gallery-button{display:table;margin:16px auto 0;border:2px solid #111;border-radius:8px;padding:10px 20px;background:#fff;font-size:13px;font-weight:900;text-transform:uppercase}.connect-ref{background:#fff;padding:24px 0 10px}.connect-ref-box{border:2px solid #9cc79e;border-radius:16px;padding:16px 20px;display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}.connect-ref-intro h2{font-family:"Brush Script MT",cursive;font-size:38px;color:var(--green);margin:0}.connect-ref-intro p{font-size:13px;margin:0}.social-ref-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.social-ref{display:flex;align-items:center;gap:12px;min-height:74px}.social-ref-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:0 0 50px}.whatsapp-ref .social-ref-icon,.floating-social-ref .whatsapp-ref{background:#1fb85f}.facebook-ref .social-ref-icon,.floating-social-ref .facebook-ref{background:#1877f2}.instagram-ref .social-ref-icon,.floating-social-ref .instagram-ref{background:linear-gradient(135deg,#8a3ab9,#c13584,#f58529)}.tiktok-ref .social-ref-icon,.floating-social-ref .tiktok-ref{background:#111}.social-ref b{display:block;font-size:14px}.social-ref small{display:block;color:#555;font-size:11px}.places-ref{display:flex;align-items:center;gap:18px;padding:14px 0 18px}.places-title{background:var(--green);color:#fff;border-radius:8px;padding:12px 16px;text-transform:uppercase;font-weight:900;line-height:1.1;min-width:155px}.place-ref{text-align:center;min-width:70px}.place-ref span{display:block;font-size:26px}.place-ref b{display:block;text-transform:uppercase;font-size:10px}.and-growing{color:var(--green);font-family:"Brush Script MT",cursive;font-size:24px;font-weight:700;line-height:.9;margin-left:auto}.footer-ref{background:#070707;color:#fff;padding:28px 0 0}.footer-ref-grid{display:grid;grid-template-columns:1.1fr .7fr .8fr 1fr;gap:32px;align-items:center}.footer-logo{width:190px;margin-bottom:8px}.footer-ref p,.footer-ref a{font-size:13px;color:#ddd;display:block;margin:6px 0}.footer-ref i{font-family:"Brush Script MT",cursive;font-size:20px}.footer-ref h3{text-transform:uppercase;font-size:15px;margin:0 0 8px}.support-local{background:var(--yellow);color:#111;padding:24px;text-align:center;font-size:23px;font-weight:900;text-transform:uppercase;clip-path:polygon(4% 0,100% 6%,96% 94%,0 100%);transform:rotate(-3deg)}.footer-line{height:3px;background:linear-gradient(90deg,var(--red),var(--yellow),var(--green));margin-top:22px}.footer-copy{text-align:center;padding:12px 0 18px;font-size:11px;color:#aaa}.floating-social-ref{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:50;background:#080808;border:1px solid #fff;border-radius:22px;padding:10px 7px;display:grid;gap:8px}.floating-social-ref a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff}.floating-social-ref svg{width:20px;height:20px}.page-shell{padding:70px 0}.entry-card{width:min(900px,calc(100% - 32px));margin:0 auto}.entry-card h1{font-size:40px}
@media(max-width:1050px){.ref-nav{display:none}.ref-navwrap{justify-content:space-between}.hero-ref-grid{grid-template-columns:1fr}.hero-ref-copy{text-align:center}.hero-ref h1{transform:none}.pepper-tag,.green-brush,.cook-love{margin-left:0}.hero-ref-actions{justify-content:center}.hero-ref-photo{height:480px;justify-content:center}.story-ref-grid{grid-template-columns:1fr 1.3fr}.trinidad-stamp{grid-column:1/-1;margin:auto}.process-ref-grid{grid-template-columns:repeat(2,1fr)}.gallery-ref-grid{grid-template-columns:repeat(3,1fr)}.connect-ref-box{grid-template-columns:1fr}.social-ref-row{grid-template-columns:repeat(2,1fr)}.places-ref{flex-wrap:wrap}.footer-ref-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.ref-container{width:min(100% - 20px,100%)}.ref-header{position:relative}.ref-navwrap{height:76px}.ref-logo{width:155px}.ref-wa{font-size:0;padding:10px}.ref-wa svg{width:24px;height:24px}.hero-ref-grid{min-height:auto}.hero-ref-copy{padding:28px 0 20px}.brush-white{font-size:48px;margin:0}.hero-ref h1{font-size:76px;letter-spacing:-2px}.pepper-tag{font-size:24px}.green-brush{font-size:17px;padding:12px 20px}.cook-love{font-size:28px}.hero-ref-actions{flex-direction:column;align-items:stretch}.hero-ref-photo{height:auto}.hero-ref-photo img{width:100%;height:auto}.story-ref{padding-top:32px}.story-ref-grid{grid-template-columns:1fr}.story-ref-copy{text-align:center}.process-ref-grid,.gallery-ref-grid,.social-ref-row,.footer-ref-grid{grid-template-columns:1fr}.process-ref article img{height:220px}.gallery-ref-grid img{height:220px}.connect-ref-box{padding:16px}.places-ref{justify-content:center}.places-title{width:100%;text-align:center}.and-growing{width:100%;text-align:center;margin-left:0}.floating-social-ref{top:auto;bottom:12px;right:50%;transform:translateX(50%);display:flex;border-radius:999px}.support-local{margin-top:10px}}