/*
Theme Name: El Cocos v4
Theme URI: https://www.elcocos.it
Author: El Cocos Ristorante Pizzeria
Description: Tema personalizzato El Cocos Ristorante Pizzeria.
Version: 1.4
Text Domain: elcocos
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&family=DM+Sans:wght@300;400;500&display=swap');
:root{--panna:#F7F2E8;--panna2:#EDE8DC;--verde:#2C5F2E;--verde-l:#3D7A40;--marrone:#7A5230;--oro:#C4956A;--testo:#1E1E1E;--bianco:#FFFFFF;--grigio:#888888;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--panna);color:var(--testo);overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;}
.ec-notice{background:var(--verde);color:var(--bianco);text-align:center;padding:9px 24px;font-size:13px;font-family:'DM Sans',sans-serif;font-weight:400;letter-spacing:.4px;position:fixed;top:0;left:0;right:0;z-index:10000;transition:opacity .3s ease;}
#ec-navbar{position:fixed;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:8px 48px;background:rgba(247,242,232,0.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(44,95,46,0.1);transition:padding .3s,box-shadow .3s,top .3s;}
#ec-navbar.scrolled{padding:4px 48px;box-shadow:0 2px 20px rgba(0,0,0,0.07);}
.ec-nav-logo{display:flex;align-items:center;gap:12px;}
.ec-nav-logo-mark{height:52px;width:auto;}
.ec-nav-logo-divider{width:1px;height:36px;background:rgba(122,82,48,0.25);flex-shrink:0;}
.ec-nav-logo-text{display:flex;flex-direction:column;gap:3px;}
.ec-nav-logo-name{height:16px;width:auto;}
.ec-nav-logo-sub{font-family:"Gurmukhi MN","Cochin","Georgia",serif;font-size:8.5px;letter-spacing:3px;text-transform:uppercase;color:var(--marrone);}
.ec-nav-links{list-style:none;display:flex;gap:28px;align-items:center;}
.ec-nav-links li a{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--verde);transition:color .2s;}
.ec-nav-links li a:hover{color:var(--marrone);}
.ec-nav-links li a[href*="wa.me"]{background:var(--verde);color:var(--bianco) !important;padding:9px 18px;border-radius:2px;}
.ec-nav-links li a[href*="wa.me"]:hover{background:var(--verde-l) !important;}
.ec-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;}
.ec-hamburger span{display:block;width:24px;height:2px;background:var(--verde);}
.ec-mobile-menu{display:none;position:fixed;inset:0;background:var(--panna);z-index:9998;flex-direction:column;align-items:center;justify-content:center;gap:24px;}
.ec-mobile-menu.open{display:flex;}
.ec-mobile-links{list-style:none;display:flex;flex-direction:column;align-items:center;gap:24px;}
.ec-mobile-links li a{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:300;color:var(--verde);letter-spacing:2px;}
.ec-mobile-close{position:absolute;top:24px;right:24px;background:none;border:none;color:var(--verde);font-size:26px;cursor:pointer;}
.ec-page-wrap{padding:0;margin:0;}
#ec-footer{background:#1a1a1a;color:rgba(247,242,232,0.42);text-align:center;padding:28px 48px;font-size:13px;font-weight:300;font-family:'DM Sans',sans-serif;}
#ec-footer strong{color:rgba(247,242,232,0.72);}
.ec-section-label{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:var(--oro);margin-bottom:14px;display:block;}
.ec-section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5vw,58px);font-weight:300;color:var(--verde);line-height:1.1;margin-bottom:22px;}
.ec-section-line{width:48px;height:2px;background:var(--oro);margin-bottom:32px;display:block;}
.ec-btn-primary{display:inline-flex;align-items:center;gap:9px;background:var(--verde);color:var(--bianco) !important;padding:14px 30px;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;border-radius:2px;transition:all .3s;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;}
.ec-btn-primary:hover{background:var(--verde-l);transform:translateY(-2px);}
.ec-btn-secondary{display:inline-flex;align-items:center;gap:9px;background:transparent;color:var(--verde) !important;padding:14px 28px;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;border:1px solid rgba(44,95,46,0.3);border-radius:2px;transition:all .3s;cursor:pointer;font-family:'DM Sans',sans-serif;}
.ec-btn-secondary:hover{background:rgba(44,95,46,0.06);}
.ec-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;}
.ec-reveal.visible{opacity:1;transform:none;}
@media(max-width:960px){#ec-navbar{padding:8px 20px;}#ec-navbar.scrolled{padding:4px 20px;}.ec-nav-links{display:none;}.ec-hamburger{display:flex;}}
@media(max-width:480px){.ec-hero-btns{flex-direction:column;align-items:center;}}