/*
Theme Name: Barcasupermarket MAPTE
Author: MAPTE by Marco Arciprete
Description: Tema editoriale nautico con hero video.
Version: 1.1.0
Text Domain: barcasupermarket-mapte
*/

:root{--ink:#071b29;--navy:#061d2d;--cream:#f5f2ec;--muted:#67757d;--line:#d9dedf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:DM Sans,Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}img{width:100%;height:100%;object-fit:cover;display:block}.serif{font-family:Playfair Display,Georgia,serif}.hero{min-height:760px;height:100svh;max-height:1100px;position:relative;isolation:isolate;background:#0a2839;color:#fff;overflow:hidden}.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero .poster{z-index:-4}.hero video{opacity:0;transition:opacity 1.1s linear}.hero video.is-visible{opacity:1}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,16,26,.8),rgba(2,16,26,.22) 64%,rgba(2,16,26,.32)),linear-gradient(0deg,rgba(2,16,26,.65),transparent 38%)}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:35px clamp(24px,4.2vw,82px);position:relative;z-index:4}.logo{display:block;line-height:.91;letter-spacing:-.075em;font-family:Manrope,sans-serif;font-size:clamp(26px,3vw,46px);font-weight:400;white-space:nowrap}.logo strong{font-weight:800}.logo span{display:block;font-size:9px;letter-spacing:.38em;font-weight:600;text-align:right;margin-top:13px}.nav{display:flex;align-items:center;gap:clamp(12px,1.5vw,27px);padding-top:9px}.nav a{font-size:11px;font-weight:700;letter-spacing:.095em;text-transform:uppercase;transition:opacity .2s}.nav a:hover{opacity:.55}.credit{font-size:10px;line-height:1.5;text-align:right;letter-spacing:.03em;white-space:nowrap}.hamb{display:none;background:none;border:1px solid #ffffff66;color:#fff;padding:10px 12px;border-radius:0}.hero-content{position:absolute;left:clamp(24px,5.2vw,100px);bottom:clamp(105px,14vh,200px);max-width:900px}.eyebrow{font-size:11px;letter-spacing:.29em;font-weight:700;text-transform:uppercase}.hero h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(68px,8.8vw,150px);font-weight:400;letter-spacing:-.055em;line-height:.99;margin:25px 0 28px}.hero h1 em{font-weight:400}.hero p{font-size:clamp(15px,1.35vw,20px);max-width:430px;line-height:1.65;margin:0 0 35px;color:#e6edf0}.outline{display:inline-flex;align-items:center;gap:36px;border:1px solid #ffffffaa;color:#fff;padding:16px 22px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;transition:background .2s,color .2s}.outline:hover{background:white;color:var(--ink)}.hero-bottom{position:absolute;bottom:37px;left:clamp(24px,5.2vw,100px);right:clamp(24px,5.2vw,100px);display:flex;align-items:center;justify-content:space-between}.scroll{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:.22em;text-transform:uppercase}.scroll:before{content:"";width:58px;height:1px;background:#fff}.video-control{background:#0a2030a8;border:1px solid #ffffff77;color:#fff;padding:12px 17px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.section{padding:85px clamp(24px,5.2vw,100px)}.section-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:35px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.24em;font-weight:700}.section-top a{font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.article .photo{aspect-ratio:1.45;overflow:hidden;background:#d4d9d9}.article img{transition:transform .5s}.article:hover img{transform:scale(1.045)}.cat{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-top:20px}.article h3{font:400 clamp(20px,1.9vw,29px)/1.23 Playfair Display,Georgia,serif;margin:10px 0}.article p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.demo{font-size:10px;color:#859098;margin-top:14px}.categories{display:grid;grid-template-columns:repeat(5,1fr)}.category{position:relative;height:330px;overflow:hidden;color:#fff;background:#102a39}.category img{opacity:.8;transition:transform .5s}.category:hover img{transform:scale(1.08)}.category:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#001a2cd9,transparent 75%)}.category-content{position:absolute;bottom:25px;left:25px;right:20px;z-index:1}.category-content span{font-size:10px;letter-spacing:.2em}.category h3{font-size:22px;text-transform:uppercase;letter-spacing:.13em;margin:9px 0}.category p{font-size:12px;line-height:1.5;max-width:180px;margin:0}.feature{display:grid;grid-template-columns:1.15fr 1fr;min-height:470px}.feature-photo{position:relative;min-height:470px;color:#fff;background:#062538}.feature-photo img{position:absolute;inset:0}.feature-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#001b2dd9,transparent 90%)}.feature-photo .copy{position:absolute;z-index:1;top:55px;left:clamp(30px,5vw,90px);max-width:370px}.feature h2{font:400 clamp(39px,4vw,67px)/1.08 Playfair Display,Georgia,serif;letter-spacing:-.035em;margin:18px 0}.feature p{font-size:15px;line-height:1.7}.feature-services{padding:55px clamp(30px,5vw,90px);background:var(--cream);display:flex;flex-direction:column;justify-content:center}.darkbtn{display:inline-flex;background:var(--navy);color:#fff;padding:16px 24px;align-self:flex-start;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:40px;font-size:13px}.services b{display:block;font-size:24px;font-weight:400;margin-bottom:8px}.footer{background:#051b29;color:#fff;padding:65px clamp(24px,5.2vw,100px) 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer p,.footer a{font-size:12px;line-height:1.8;color:#b4c0c8}.footer .logo{font-size:31px}.footnote{border-top:1px solid #ffffff33;margin-top:60px;padding-top:22px;font-size:11px;color:#9cabb3}.mobile-menu{display:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.nav{display:none}.hamb{display:block}.credit{display:none}.mobile-menu.open{display:flex;position:absolute;top:95px;left:0;right:0;background:#061d2df5;padding:28px;flex-direction:column;gap:22px;z-index:5}.mobile-menu a{font-size:16px;text-transform:uppercase;letter-spacing:.13em}.grid{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(3,1fr)}.feature{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.hero{height:100svh;min-height:630px;max-height:none}.header{padding:24px}.logo{font-size:27px}.logo span{font-size:7px;letter-spacing:.27em}.hero video,.hero .poster{object-position:57% center}.hero:before{background:linear-gradient(90deg,#001624bb,#00162435),linear-gradient(0deg,#001624c9,transparent 70%)}.hero-content{left:24px;right:24px;bottom:130px}.hero h1{font-size:clamp(55px,14vw,83px);margin:18px 0 23px}.hero p{font-size:15px;max-width:310px}.hero-bottom{left:24px;right:24px;bottom:28px}.section{padding:60px 24px}.grid{grid-template-columns:1fr 1fr;gap:22px 14px}.article .photo{aspect-ratio:1.05}.article h3{font-size:19px}.article p{display:none}.categories{grid-template-columns:repeat(2,1fr)}.category{height:240px}.category:last-child{grid-column:span 2}.category h3{font-size:17px}.category-content{left:16px;bottom:17px}.feature{grid-template-columns:1fr}.feature-photo{min-height:450px}.feature-photo .copy{left:25px;top:50px}.feature-services{padding:50px 25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.section-top a{font-size:11px}.video-control{padding:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.article img,.category img{transition:none}}

.wp-caption{max-width:100%}.screen-reader-text{position:absolute;left:-9999px}

/* MAPTE 1.1 — navigation and editorial templates */
.inner-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:23px clamp(24px,5.2vw,100px);background:#fff;color:var(--ink);border-bottom:1px solid #e8ecee}
.inner-header .logo{font-size:clamp(23px,2.3vw,35px);flex-shrink:0}.inner-header .logo span{font-size:7px;margin-top:9px}
.inner-nav{padding-top:0;gap:clamp(12px,1.4vw,25px)}.inner-nav a{font-size:10px}.inner-credit{font-size:10px;white-space:nowrap;letter-spacing:.04em}
.inner-hamb{color:var(--ink);border-color:#b6c0c6}.inner-header .mobile-menu.open{top:100%;background:#071b29;color:#fff}
.archive-page{background:#fff}.archive-intro{padding:90px clamp(24px,5.2vw,100px) 65px;background:#071f2e;color:#fff}
.archive-intro h1{font-size:clamp(55px,7vw,112px);font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:24px 0 0}
.archive-description{font-size:17px;line-height:1.6;color:#c9d3d8;max-width:660px;margin-top:22px}.archive-content{padding:55px clamp(24px,5.2vw,100px) 90px;background:#fff}
.archive-content .article p{color:#52616a}.archive-content .article h3{font-size:clamp(20px,1.8vw,27px)}.archive-pagination{margin-top:55px}
.single-page{padding:65px 24px 95px;background:#fff}.single-top,.single-cover{max-width:1100px;margin-left:auto;margin-right:auto}.single-top h1{font-size:clamp(48px,7vw,105px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:28px 0 42px}.single-meta{color:#62737c}.single-meta a{text-decoration:underline;text-underline-offset:3px}
.single-cover{margin-top:0;margin-bottom:0}.single-cover img{width:100%;height:auto;object-fit:contain;display:block}
.single-body{max-width:760px;margin:55px auto 0;font-size:18px;line-height:1.85}.single-body img{width:auto;max-width:100%;height:auto;object-fit:contain}.single-body figure{max-width:100%;margin:30px 0}.single-body figure img{width:100%;height:auto;object-fit:contain}.single-body figcaption{font-size:12px;color:#68777e;margin-top:10px}.single-body iframe{max-width:100%}.single-body h2,.single-body h3{line-height:1.3;margin-top:1.7em}.single-back{max-width:760px;margin:65px auto 0;border-top:1px solid #dce3e7;padding-top:25px;font-size:12px;text-transform:uppercase;letter-spacing:.14em}
@media(max-width:1100px){.inner-header .inner-nav,.inner-credit{display:none}.inner-header .inner-hamb{display:block}}
@media(max-width:650px){.inner-header{padding:22px 24px}.inner-header .logo{font-size:24px}.archive-intro{padding:65px 24px 50px}.archive-content{padding:35px 24px 65px}.archive-content .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.single-page{padding:44px 20px 70px}.single-top h1{font-size:clamp(43px,11vw,65px);margin:20px 0 30px}.single-body{margin-top:35px;font-size:16px}.single-body figure{margin:25px 0}}