/* d4-bb-lecce — micro-interactions non esprimibili in theme.json */

/* Smooth-scroll nativa (no GSAP per ora — il browser è sufficiente) */
html {
  scroll-behavior: smooth;
}

/* Selezione testo coerente col brand */
::selection {
  background: var(--wp--preset--color--terracotta);
  color: var(--wp--preset--color--sand);
}

/* Eyebrow uppercase tracking (utility class usata nei pattern) */
.is-eyebrow {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: var(--wp--preset--color--terracotta);
}

/* Hero overlay per fotografia — gradiente verticale leggero per leggibilità testo */
.has-hero-overlay {
  position: relative;
}
.has-hero-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(26, 22, 20, 0.05) 0%,
    rgba(26, 22, 20, 0.45) 100%
  );
  pointer-events: none;
}

/* Suite card hover: gentle zoom dell'immagine */
.suite-card .wp-block-image img {
  transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.suite-card:hover .wp-block-image img {
  transform: scale(1.03);
}

/* Italics elegant per le quote nel barocco leccese */
em,
i {
  font-family: var(--wp--preset--font-family--display);
  font-style: italic;
}

/* Editorial: caratteri capitali piccoli per il primo paragrafo dopo h1 */
h1 + p::first-letter {
  font-family: var(--wp--preset--font-family--display);
  font-size: 3.5em;
  float: left;
  line-height: 0.8;
  margin: 0.1em 0.1em 0 0;
  color: var(--wp--preset--color--terracotta);
}