/*
Theme Name: Sandra Semeghini (Elementor)
Theme URI: 
Description: Tema filho do Hello Elementor para o acervo e portfólio de Sandra Semeghini.
Author: Sandra Semeghini
Template: hello-elementor
Version: 1.0.1
Text Domain: sandra-elementor
*/

body.home .category-showcase__button-wrap {
  display: none !important;
}

/* Behaviors and normalization not exposed as Elementor controls. */
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

img { display: block; }
.elementor-widget-text-editor p:last-child { margin-bottom: 0; }

/* Elementor has no native backdrop blur or per-word heading color control. */
.site-header { backdrop-filter: blur(12px); }
.home-hero__title .elementor-heading-title em {
  display: block;
  color: var(--e-global-color-accent);
  font-weight: 400;
}

/* Elementor image controls cover size and object-fit, but not aspect-ratio. */
.home-hero__image,
.home-hero__image .elementor-widget-container { aspect-ratio: 4 / 5; overflow: hidden; }
.technique-card__image,
.technique-card__image .elementor-widget-container { aspect-ratio: 1 / 1; overflow: hidden; }
.featured-work__image,
.featured-work__image .elementor-widget-container { aspect-ratio: 5 / 6; overflow: hidden; }
.bio-portrait,
.bio-portrait .elementor-widget-container { aspect-ratio: 4 / 5; overflow: hidden; }
.collection-card__image,
.collection-card__image .elementor-widget-container { aspect-ratio: 1 / 1; overflow: hidden; }

.technique-card__image .elementor-widget-container,
.featured-work__image .elementor-widget-container,
.bio-portrait .elementor-widget-container,
.collection-card__image .elementor-widget-container { height: 100%; }

.technique-card__image img {
  transition: transform .65s ease;
}

.technique-card:hover .technique-card__image img { transform: scale(1.025); }

/* Functional state toggled by the work filters. */
.work-card.is-hidden { display: none !important; }

/* -------------------------------------------------------------
 * 2ª Revisão — Botões com destaque azul e texto branco (Apenas os indicados)
 * ------------------------------------------------------------- */
.sandra-button--highlight .elementor-button,
.elementor-widget-button.sandra-button--highlight .elementor-button,
.sandra-button--highlight.sandra-button,
.sandra-button--highlight.sandra-link {
  background-color: var(--e-global-color-accent, #25A8E0) !important;
  border-color: var(--e-global-color-accent, #25A8E0) !important;
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.sandra-button--highlight .elementor-button .elementor-button-text,
.sandra-button--highlight .elementor-button .elementor-button-icon,
.sandra-button--highlight .elementor-button svg,
.sandra-button--highlight .elementor-button i,
.sandra-button--highlight.sandra-button svg,
.sandra-button--highlight.sandra-link svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.sandra-button--highlight .elementor-button:hover,
.sandra-button--highlight .elementor-button:focus-visible,
.elementor-widget-button.sandra-button--highlight .elementor-button:hover,
.elementor-widget-button.sandra-button--highlight .elementor-button:focus-visible,
.sandra-button--highlight.sandra-button:hover,
.sandra-button--highlight.sandra-button:focus-visible,
.sandra-button--highlight.sandra-link:hover,
.sandra-button--highlight.sandra-link:focus-visible {
  background-color: #172433 !important;
  border-color: #172433 !important;
  color: #FFFFFF !important;
}

.sandra-button--highlight .elementor-button:hover svg,
.sandra-button--highlight .elementor-button:hover i,
.sandra-button--highlight .elementor-button:hover .elementor-button-icon svg,
.sandra-button--highlight .elementor-button:hover .elementor-button-text,
.sandra-button--highlight.sandra-button:hover svg,
.sandra-button--highlight.sandra-link:hover svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* Cards de obras: botão "Sob consulta" mantém contorno editorial transparente original */
.work-card .sandra-link {
  background-color: transparent !important;
  border: 1px solid #172433 !important;
  color: #172433 !important;
}

.work-card .sandra-link:hover,
.work-card .sandra-link:focus-visible {
  background-color: #172433 !important;
  border-color: #172433 !important;
  color: #F8F7F3 !important;
}

/* -------------------------------------------------------------
 * 2ª Revisão — Alinhamento e estrutura dos cards de obras
 * ------------------------------------------------------------- */
.work-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.work-card__heading {
  min-height: 4.6rem;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}

.work-card__heading h2,
.work-card__heading h3 {
  margin: 0;
  line-height: 1.15;
}

.work-card .work-card__description {
  min-height: 4.5rem;
  margin-bottom: 0;
  padding: 0;
}

/* Semantic H2 inside the introduction keeps its approved body-text appearance. */
.elementor-widget-text-editor.available-works-intro h2 {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: none;
  margin: 0 0 1rem;
  padding: 0;
}

/* Empurra a borda superior da ficha técnica e as informações da obra para a base uniforme */
.work-card .work-meta {
  margin-top: auto !important;
}

/* Plano 3 — ficha compacta dos cards e ficha alinhada no detalhe. */
.work-card .work-meta--card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.2rem !important;
  margin: 0.8rem 0 1rem !important;
  padding: 0 !important;
  border: 0 !important;
}

.work-card .work-meta--card > div,
.work-card .work-meta--card dd {
  margin: 0;
}

.work-card .work-meta--card dd {
  color: #65717D;
  font-size: 0.875rem;
  line-height: 1.35;
}

.work-meta--detail {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.5rem !important;
  margin: 1.25rem 0 2rem !important;
  padding: 0 !important;
  border: 0 !important;
}

.work-meta--detail > div {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem;
}

.work-meta--detail dt,
.work-meta--detail dd {
  margin: 0 !important;
}

.work-meta--detail dt::after {
  content: " –";
}

/* Melhoria de legibilidade do Lightbox (Refatoração) */
.elementor-slideshow__title,
.elementor-slideshow__description {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 0 3px rgba(0, 0, 0, 1) !important;
}

.elementor-slideshow__footer {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
  padding: 30px 20px 20px !important;
  bottom: 0;
  position: absolute;
  width: 100%;
}

/* Cookie Notice Standard Fix */
#cookie-notice .cn-button { color: #111111 !important; font-weight: bold; }
#cn-close-notice { display: none !important; }

/* Enquadramento das esculturas: preservar cabeça e cortar base das pernas */
.work-card[data-category="escultura"] .work-card__image img,
.work-card--escultura .work-card__image img {
  object-position: top center !important;
}

/* Legenda da obra na página Sobre: tamanho menor que o texto */
.bio-portrait__caption,
.elementor-widget-image .widget-image-caption {
  font-size: 0.8125rem;
  line-height: 1.45;
  color: #65717D;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}
