/*
Theme Name: Igor Loddo Showcase v7
Theme URI: https://igorloddo.com
Author: Igor Loddo
Description: Tema a blocchi luminoso e modificabile per il sito vetrina di Igor Loddo.
Version: 1.7.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: igor-loddo-showcase-v7
*/

:root{
  --igor-ivory:#fbf7ef;
  --igor-paper:#fffdf8;
  --igor-ink:#28231f;
  --igor-muted:#6f665f;
  --igor-terra:#bb623e;
  --igor-terra-dark:#7a351f;
  --igor-sage:#6f7653;
  --igor-gold:#c69043;
  --igor-line:#e7ddd0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--igor-ivory);color:var(--igor-ink)}
a{text-underline-offset:.2em}
.wp-site-blocks{overflow:hidden}
.wp-block-post-content{margin-block-start:0!important}
.wp-block-post-content>.alignfull{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:100vw!important;max-width:100vw!important}

/* Header */
.igor-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.97)!important;backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(55,39,28,.09)}
.igor-header>.wp-block-group{min-height:82px}
.igor-brand-wrap{gap:1px!important}
.igor-brand{margin:0!important;letter-spacing:.02em;line-height:1}
.igor-tagline{margin:4px 0 0!important;font-size:.68rem!important;letter-spacing:.07em;color:var(--igor-muted)!important}
.igor-header .wp-block-navigation a{font-size:.79rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--igor-ink)}
.igor-header .wp-block-navigation a:hover{color:var(--igor-terra-dark)}

/* Global sections */
.igor-home{margin-block-start:0!important}
.igor-section{padding:clamp(4.5rem,7vw,7.5rem) 1.5rem}
.igor-section-tight{padding:clamp(3rem,5vw,4.75rem) 1.5rem}
.igor-wrap{max-width:1200px;margin-inline:auto}
.igor-kicker{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--igor-terra-dark);font-weight:700}

/* Hero */
.igor-hero{
  min-height:clamp(590px,67vh,700px)!important;
  height:auto;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  background-color:#ead9c4;
}
.igor-hero::before,.igor-hero::after{content:none!important;display:none!important}
.igor-hero>.wp-block-cover__background{opacity:0!important;background:transparent!important}
.igor-hero .wp-block-cover__image-background{
  object-position:center center!important;
  filter:none!important;
  opacity:1!important;
}
.igor-hero>.wp-block-cover__inner-container{position:relative;z-index:2;width:100%}
.igor-hero-copy{
  max-width:1200px!important;
  width:100%;
  padding:clamp(3.5rem,7vh,5.75rem) 1.5rem!important;
  margin-inline:auto!important;
}
.igor-hero-copy>*{max-width:540px}
.igor-hero .igor-kicker{color:#914126!important;margin-bottom:1.1rem!important;text-shadow:0 1px 0 rgba(255,255,255,.75)}
.igor-hero h1{
  font-size:clamp(4rem,5.8vw,6rem)!important;
  line-height:.9!important;
  letter-spacing:-.035em;
  margin:0 0 1.25rem!important;
  color:var(--igor-terra-dark)!important;
  text-shadow:0 2px 8px rgba(255,255,255,.8);
}
.igor-hero p:not(.igor-kicker){
  font-size:clamp(1rem,1.2vw,1.2rem)!important;
  line-height:1.58!important;
  color:#211d19!important;
  max-width:535px;
  margin-bottom:1.55rem!important;
  text-shadow:0 1px 3px rgba(255,255,255,.9);
}
.igor-hero .wp-block-buttons{gap:1rem}
.igor-btn .wp-block-button__link{border-radius:4px;padding:1rem 1.45rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:var(--igor-terra);color:#fff;font-weight:600}
.igor-btn-outline .wp-block-button__link{border:1px solid var(--igor-terra);border-radius:4px;padding:.96rem 1.4rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,253,248,.92);color:var(--igor-terra-dark);font-weight:600}
/* Cards and grids */
.igor-dual-card{border-radius:14px;overflow:hidden;min-height:260px;box-shadow:0 18px 45px rgba(48,32,23,.12)}
.igor-dual-card .wp-block-cover__inner-container{padding:2.2rem}
.igor-dual-card h3,.igor-dual-card p{color:#fff!important}
.igor-service-card,.igor-project-card{
  height:100%;border:1px solid var(--igor-line);border-radius:14px;overflow:hidden;background:var(--igor-paper);box-shadow:0 12px 28px rgba(77,55,39,.07);display:flex;flex-direction:column
}
.igor-service-card>figure,.igor-project-card>figure{width:100%;aspect-ratio:16/9;margin:0!important;overflow:hidden;flex:0 0 auto}
.igor-service-card>figure img,.igor-project-card>figure img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important}
.igor-service-card>.wp-block-group,.igor-project-card>.wp-block-group{padding:1.6rem;display:flex;flex-direction:column;flex:1 1 auto}
.igor-service-card .wp-block-button,.igor-project-card .wp-block-button{margin-top:auto}
.igor-service-card h3,.igor-project-card h3{margin:.15rem 0 .75rem}
.igor-service-card p,.igor-project-card p{color:var(--igor-muted)}
.igor-method-item{border-left:1px solid var(--igor-line);padding-left:1.25rem}
.igor-method-item:first-child{border-left:0}
.igor-icon-circle{width:58px;height:58px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:1.45rem;background:#efe0d6;color:var(--igor-terra-dark);margin-bottom:.7rem}
.igor-band{background:linear-gradient(180deg,#f6efe4,#ece7db)}
.igor-quote{font-family:var(--wp--preset--font-family--serif);font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.5}
.igor-footer{border-top:1px solid rgba(255,255,255,.15)}
.igor-footer p{font-size:.82rem}

@media (max-width:900px){
 .igor-header{position:relative}
 .igor-header>.wp-block-group{min-height:auto}
 .igor-hero{min-height:720px!important}
 .igor-hero .wp-block-cover__image-background{object-position:64% center!important}
 .igor-hero-copy{padding:3.25rem 1.2rem 14rem!important}
 .igor-hero-copy>*{max-width:620px}
 .igor-hero h1{font-size:clamp(4rem,11vw,5.8rem)!important}
 .igor-method-item{border-left:0;border-top:1px solid var(--igor-line);padding:1rem 0 0}
}
@media (max-width:600px){
 .igor-section{padding:3.6rem 1rem}
 .igor-section-tight{padding:2.4rem 1rem}
 .igor-hero{min-height:680px!important}
 .igor-hero .wp-block-cover__image-background{object-position:68% center!important}
 .igor-hero-copy{padding:2.8rem 1rem 12rem!important}
 .igor-hero h1{font-size:3.55rem!important}
 .igor-hero p:not(.igor-kicker){font-size:1rem!important;line-height:1.5!important}
 .igor-header .wp-block-site-title{font-size:24px!important}
}

/* v6: hero pulito, senza filtri o sovrapposizioni */
.igor-hero, .igor-hero::before, .igor-hero::after { background-image:none; }
.igor-hero > .wp-block-cover__background,
.igor-hero .wp-block-cover__gradient-background { display:none!important; opacity:0!important; background:none!important; }
.igor-hero .wp-block-cover__image-background { mix-blend-mode:normal!important; }
.igor-service-card > figure { aspect-ratio:16 / 9!important; height:auto!important; }
.igor-service-card > figure img { aspect-ratio:16 / 9!important; }


/* v7: correzione definitiva hero desktop e uniformità immagini */
@media (min-width: 901px){
  .igor-hero{
    min-height: 650px!important;
    height: 650px!important;
    align-items:center!important;
  }
  .igor-hero .wp-block-cover__image-background{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center bottom!important;
    transform:none!important;
    filter:none!important;
  }
  .igor-hero-copy{
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding:3.75rem max(2rem, 8.5vw)!important;
  }
  .igor-hero-copy>*{
    max-width:455px!important;
  }
  .igor-hero h1{
    font-size:clamp(4.4rem,5.15vw,5.7rem)!important;
    line-height:.91!important;
    letter-spacing:-.04em!important;
    margin-bottom:1.35rem!important;
  }
  .igor-hero p:not(.igor-kicker){
    max-width:445px!important;
    font-size:1.08rem!important;
    line-height:1.55!important;
  }
}

/* Le immagini delle tre porte hanno sempre identica altezza */
.igor-service-card > figure{
  width:100%!important;
  height:235px!important;
  min-height:235px!important;
  max-height:235px!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
}
.igor-service-card > figure img{
  display:block!important;
  width:100%!important;
  height:235px!important;
  min-height:235px!important;
  max-height:235px!important;
  object-fit:cover!important;
  object-position:center center!important;
  aspect-ratio:auto!important;
}

/* Immagini dei progetti uniformi */
.igor-project-card > figure{
  height:170px!important;
  min-height:170px!important;
  max-height:170px!important;
  aspect-ratio:auto!important;
}
.igor-project-card > figure img{
  height:170px!important;
  min-height:170px!important;
  max-height:170px!important;
  object-fit:cover!important;
  aspect-ratio:auto!important;
}

@media (max-width:900px){
  .igor-service-card > figure,
  .igor-service-card > figure img{height:220px!important;min-height:220px!important;max-height:220px!important}
  .igor-project-card > figure,
  .igor-project-card > figure img{height:210px!important;min-height:210px!important;max-height:210px!important}
}
@media (max-width:600px){
  .igor-hero .wp-block-cover__image-background{object-position:64% bottom!important}
  .igor-service-card > figure,
  .igor-service-card > figure img{height:210px!important;min-height:210px!important;max-height:210px!important}
}
