/*
Theme Name: Rino Edilizia & Servizi — Perfetto
Theme URI: https://rinoediliziaeservizi.it/
Author: Rino Edilizia & Servizi
Description: Tema WordPress.com a blocchi nativi, completamente modulare e responsive per Rino Edilizia & Servizi.
Version: 2.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: rino-edilizia-perfetto
*/

html { scroll-behavior: smooth; }
body { margin: 0; -webkit-font-smoothing: antialiased; }
*, *::before, *::after { box-sizing: border-box; }
.wp-site-blocks > * { margin-block-start: 0; }
[id] { scroll-margin-top: 6rem; }

.rino-site-header {
  position: relative;
  z-index: 3;
  border-bottom: 1px solid rgba(6, 26, 49, .14);
  box-shadow: 0 10px 30px rgba(6, 26, 49, .06);
}
.rino-brand { min-width: 0; }
.rino-brand .wp-block-site-logo { flex: 0 0 auto; }
.rino-brand .wp-block-site-logo img { max-height: 52px; width: auto; object-fit: contain; }
.rino-brand-copy { min-width: 0; gap: 0; }
.rino-brand-copy .wp-block-site-title,
.rino-brand-copy .wp-block-site-tagline { margin: 0; white-space: nowrap; }
:where(.rino-brand-copy .wp-block-site-title a) { color: inherit; }
:where(.rino-brand-copy .wp-block-site-tagline) {
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.rino-navigation { flex-shrink: 0; }
.rino-navigation .wp-block-navigation__container { column-gap: clamp(1rem, 2.3vw, 2.3rem); }
:where(.rino-navigation .wp-block-navigation-item__content) { color: inherit; padding-block: .45rem; }
:where(.rino-navigation .wp-block-navigation-item__content):hover { color: var(--wp--preset--color--bronze); }
.rino-navigation .rino-nav-cta .wp-block-navigation-item__content {
  border: 1px solid currentColor;
  padding: .72rem 1rem;
}
.rino-navigation .rino-nav-cta .wp-block-navigation-item__content:hover {
  color: var(--wp--preset--color--paper);
  background: var(--wp--preset--color--navy);
}
.rino-navigation .wp-block-navigation__responsive-container.is-menu-open {
  z-index: 100000;
  padding: 2rem;
}

.rino-section { padding-block: var(--wp--preset--spacing--50); }
:where(.rino-kicker) {
  color: var(--wp--preset--color--bronze);
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
:where(.rino-kicker-light) { color: var(--wp--preset--color--bronze-light); }
.rino-hero { min-height: clamp(680px, 88vh, 900px); }
.rino-hero-default-image {
  background-image: url("assets/images/hero-olbia.webp");
  background-position: center 56%;
  background-size: cover;
}
.rino-hero .wp-block-cover__image-background { object-position: center 56%; }
.rino-hero-content { padding-block: clamp(6rem, 12vw, 10rem) 3rem; }
.rino-hero-copy { max-width: 900px; }
:where(.rino-hero h1) { line-height: .92; }
:where(.rino-hero h1 strong) { font-weight: 700; }
.rino-hero-lead { max-width: 700px; opacity: .82; }
.rino-hero-meta {
  padding-top: 1.1rem;
  border-top: 1px solid rgba(255,255,255,.32);
  opacity: .78;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
:where(.rino-hero .wp-element-button) { color: var(--wp--preset--color--navy); background: var(--wp--preset--color--ivory); }
:where(.rino-hero .wp-element-button):hover { color: #fff; background: var(--wp--preset--color--bronze); }

.rino-intro-title { max-width: 1020px; }
.rino-principles { border-top: 1px solid rgba(19,36,56,.2); border-left: 1px solid rgba(19,36,56,.2); }
.rino-principles > * { min-height: 105px; padding: 1.2rem; border-right: 1px solid rgba(19,36,56,.2); border-bottom: 1px solid rgba(19,36,56,.2); }
:where(.rino-principles p) { margin: 0; font-size: .76rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

.rino-services-title { max-width: 900px; }
.rino-service-card {
  height: 100%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid rgba(255,255,255,.22);
}
.rino-service-card { color: #c8d0d8; }
.rino-service-card ul { padding-left: 1.15rem; }
:where(.rino-service-number) { font-size: .72rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }

.rino-method-default-image {
  background-image: url("assets/images/ristrutturazione-interni.webp");
  background-position: center;
  background-size: cover;
}
.rino-process { border-top: 1px solid rgba(19,36,56,.18); }
.rino-process-step { align-items: flex-start; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid rgba(19,36,56,.18); }
.rino-step-number { flex: 0 0 1.8rem; margin: .1rem 0 0; font-size: .7rem; font-weight: 700; }
.rino-process-step > .wp-block-group { flex: 1 1 auto; }
:where(.rino-process-step h3, .rino-process-step p) { margin: 0; }
:where(.rino-process-step h3) { font-size: 1rem; font-weight: 700; letter-spacing: 0; }

.rino-audiences { border-top: 1px solid rgba(6,26,49,.24); }
:where(.rino-audiences p) { margin: 0; padding: .9rem 0; border-bottom: 1px solid rgba(6,26,49,.24); font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

:where(.rino-contact-link a) { display: inline-flex; flex-direction: column; color: var(--wp--preset--color--navy); }
:where(.rino-contact-link span) { color: var(--wp--preset--color--bronze); font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
:where(.rino-contact-link strong) { font-size: 1rem; }
.rino-form-card {
  border: 1px solid rgba(19,36,56,.18);
  box-shadow: 12px 12px 0 var(--wp--preset--color--stone);
}
.rino-form-card .wp-block-jetpack-contact-form { margin: 0; }
.rino-form-card .grunion-field-wrap { margin-bottom: 1rem; }
.rino-form-card .grunion-field-label,
.rino-form-card label { color: var(--wp--preset--color--navy); font-size: .82rem; font-weight: 700; }
.rino-form-card input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.rino-form-card select,
.rino-form-card textarea {
  width: 100%;
  min-height: 50px;
  padding: .7rem .15rem;
  border: 0;
  border-bottom: 1px solid #9ea7af;
  border-radius: 0;
  color: var(--wp--preset--color--ink);
  background: transparent;
}
.rino-form-card textarea { min-height: 120px; resize: vertical; }
.rino-form-card input:focus,
.rino-form-card select:focus,
.rino-form-card textarea:focus { outline: 2px solid var(--wp--preset--color--bronze); outline-offset: 2px; }
.rino-form-card .wp-block-jetpack-button button,
.rino-form-card .wp-block-button__link { min-height: 52px; border-radius: 0; }

:where(.rino-site-footer a) { color: #dce3e9; }
:where(.rino-site-footer a):hover { color: var(--wp--preset--color--bronze-light); }
:where(.rino-footer-label) { color: var(--wp--preset--color--bronze-light); font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.rino-footer-bottom { border-top: 1px solid rgba(255,255,255,.16); }
.rino-content { padding-block: clamp(4rem, 8vw, 7rem); }

.editor-styles-wrapper .rino-site-header { position: relative; }
.editor-styles-wrapper .rino-hero { min-height: 680px; }

@media (max-width: 900px) {
  .rino-brand-copy .wp-block-site-tagline { display: none; }
  .rino-navigation .wp-block-navigation__container { column-gap: .9rem; }
  .rino-navigation { font-size: .7rem; }
}

@media (max-width: 760px) {
  .rino-brand-copy { display: none; }
}

@media (max-width: 680px) {
  .rino-header-inner { gap: .75rem; }
  .rino-brand .wp-block-site-logo img { max-height: 42px; }
  .rino-brand-copy .wp-block-site-title { font-size: 1rem; }
  .rino-hero { min-height: 680px; }
  .rino-hero-default-image { background-position: 62% center; }
  .rino-hero .wp-block-cover__image-background { object-position: 62% center; }
  .rino-form-card { box-shadow: 7px 7px 0 var(--wp--preset--color--stone); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}