/*
Theme Name: Studio Delich
Theme URI: https://example.com/studio-delich
Author: OpenAI
Author URI: https://openai.com
Description: Tema WordPress personalizzato per Studio Delich, con stile caldo, portfolio progetti e pagine istituzionali.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: studio-delich
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root{--bg:#f6efe6;--paper:#fffaf4;--ink:#2f2119;--muted:#705b4d;--accent:#ad6235;--accent-dark:#7c3f23;--line:#ddcdbc;--dark:#2b1d16;--shadow:0 15px 40px rgba(53,34,22,.10)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.15;margin:0 0 .6em}
h1{font-size:clamp(2.4rem,5vw,5.2rem)}
h2{font-size:clamp(2rem,3vw,3.2rem)}
h3{font-size:1.3rem}
p{margin:0 0 1.2em}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:99;background:rgba(255,250,244,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-weight:700;letter-spacing:.18em;font-size:1.05rem}.brand small{display:block;font-size:.58rem;letter-spacing:.28em;color:var(--muted);margin-top:4px}
.main-nav{display:flex;align-items:center;gap:24px}.main-nav ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}.main-nav a{font-size:.84rem;text-transform:uppercase;letter-spacing:.05em}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;background:var(--accent);color:#fff;border:1px solid var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;transition:.2s ease}.btn:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn.alt{background:transparent;color:var(--ink);border-color:var(--ink)}
.hero{min-height:78vh;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(35,22,15,.78),rgba(35,22,15,.22)),linear-gradient(135deg,#8c5537,#d8aa7e);background-size:cover;background-position:center}
.hero .content{padding:110px 0;max-width:820px}.hero p{font-size:1.15rem;max-width:650px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.services-strip{padding:0;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service-card{padding:28px 20px;border-right:1px solid var(--line);min-height:170px}.service-card:nth-child(4n){border-right:0}.service-card h3{font-size:1.05rem}.service-card p{font-size:.9rem;color:var(--muted)}
section{padding:88px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.warm-panel{background:var(--bg);padding:52px;border:1px solid var(--line);box-shadow:var(--shadow)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.section-head p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.card .pad{padding:24px}.project-thumb{aspect-ratio:4/3;background:linear-gradient(135deg,#c98a5c,#5a3a2a)}
.cta{background:var(--dark);color:#fff}.site-footer{background:#241a15;color:#efe3d7;padding:56px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:30px}.site-footer small{color:#c8b4a2}
.page-hero{padding:100px 0 60px;background:var(--bg)}.content-area{padding:70px 0}.entry-content{max-width:900px}.entry-content>*+*{margin-top:1em}
.main-nav .menu-item-has-children{position:relative}
.main-nav .sub-menu{position:absolute;top:calc(100% + 14px);left:0;z-index:120;display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:240px;padding:10px 0;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.main-nav .sub-menu li{width:100%}
.main-nav .sub-menu a{display:block;padding:9px 18px;white-space:nowrap}
.main-nav .sub-menu a:hover,.main-nav .sub-menu a:focus{background:var(--bg)}
.main-nav .menu-item-has-children:hover>.sub-menu,.main-nav .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.menu-toggle{display:none;background:none;border:0;font-size:1.8rem;color:var(--ink)}
@media(max-width:900px){.main-nav{display:none}.menu-toggle{display:block}.service-grid,.cards,.footer-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2n){border-right:0}.split{grid-template-columns:1fr}.hero{min-height:68vh}}
@media(max-width:600px){.service-grid,.cards,.footer-grid{grid-template-columns:1fr}.hero .content{padding:80px 0}.service-card{border-right:0;border-bottom:1px solid var(--line)}section{padding:60px 0}.header-inner{min-height:72px}.brand{font-size:.9rem}}

/* Menu mobile */
@media(max-width:900px){
  .site-header{position:relative;z-index:200}
  .header-inner{position:relative}
  .main-nav.is-open{
    display:flex;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:210;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:18px 20px 24px;
    background:var(--paper);
    border-top:1px solid var(--line);
    box-shadow:var(--shadow)
  }
  .main-nav.is-open>ul{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    width:100%
  }
  .main-nav.is-open>ul>li>a{
    display:block;
    padding:12px 0;
    border-bottom:1px solid var(--line)
  }
  .main-nav.is-open .sub-menu{
    position:static;
    display:flex;
    min-width:0;
    padding:4px 0 8px 16px;
    border:0;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none
  }
  .main-nav.is-open .sub-menu a{
    padding:8px 0;
    white-space:normal
  }
  .main-nav.is-open>.btn{
    margin-top:16px;
    text-align:center
  }
  .menu-toggle{
    position:relative;
    z-index:220;
    cursor:pointer;
    min-width:44px;
    min-height:44px
  }
}

/* Nasconde la sezione demo SimplyBook nella pagina Contatti */
.page-id-113 #prenota-ora{display:none!important}

/* Footer Studio Delich */
.site-footer .footer-brand{display:inline-block;color:#efe3d7;margin-bottom:18px}
.site-footer .footer-brand small{color:#c8b4a2}
.site-footer address{font-style:normal;margin:0 0 12px}
.site-footer a:hover{color:#fff}
.footer-bottom{margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}

/* Footer logo */
.footer-logo-link{display:inline-flex;align-items:center;justify-content:center;background:#d8cbbb;border-radius:12px;padding:12px;margin-bottom:18px}
.footer-logo{display:block;width:150px;max-width:100%;height:auto}
@media(max-width:700px){.footer-logo{width:130px}}

/* Header e footer: affinamento 24-07-2026 */
@media (min-width:901px){
  .main-nav .menu-links{display:flex;align-items:center;gap:18px;}
  .main-nav .menu-links a{display:inline-block;white-space:nowrap;}
}
.footer-logo-link span{display:inline-block!important;visibility:visible!important;opacity:1!important;color:#2f2a26!important;font-size:clamp(20px,2vw,28px)!important;font-weight:600!important;}

/* Intestazione: nome studio e spaziatura menu 24-07-2026 */
@media (min-width:901px){
  .site-header .brand::after{
    content:"Studio Delich";
    display:inline-block;
    margin-left:12px;
    color:#2f2a26;
    font-size:clamp(18px,1.65vw,24px);
    font-weight:600;
    line-height:1.1;
    white-space:nowrap;
  }
  .main-nav .menu-links{gap:28px;}
}
@media (max-width:900px){
  .site-header .brand::after{
    content:"Studio Delich";
    display:inline-block;
    margin-left:9px;
    color:#2f2a26;
    font-size:18px;
    font-weight:600;
    line-height:1.1;
    white-space:nowrap;
  }
}
@media (max-width:420px){
  .site-header .brand::after{font-size:16px;margin-left:7px;}
}