/*
Theme Name: Eventos Emmanuel
Theme URI:
Description: Child theme de Kadence para Eventos y Recepciones Emmanuel.
Author: Ortega Tech
Author URI: https://ortegatech.es/
Template: kadence
Version: 1.0.4
Text Domain: eventos-emmanuel
*/

/* =========================================================
   EVENTOS Y RECEPCIONES EMMANUEL
   Child theme styles
   ========================================================= */


/* ---------------------------------------------------------
   1. GLOBAL
   --------------------------------------------------------- */


/* ---------------------------------------------------------
   2. HEADER
   --------------------------------------------------------- */


/* ---------------------------------------------------------
   3. COMPONENTS
   --------------------------------------------------------- */


/* ---------------------------------------------------------
   4. PAGES
   --------------------------------------------------------- */


/* ---------------------------------------------------------
   5. RESPONSIVE
   --------------------------------------------------------- */

/* ---------------------------------------------------------
   6. SCROLL REVEAL
   --------------------------------------------------------- */

/* JavaScript adds these attributes after load, so content remains visible
   if scripts are disabled or IntersectionObserver is unavailable. */
@keyframes em-section-reveal {
  from {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .entry-content.single-content > [data-em-reveal="pending"] {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
  }

  .entry-content.single-content > [data-em-reveal="visible"] {
    animation: em-section-reveal 680ms cubic-bezier(.22, 1, .36, 1) both;
  }
}

/* Hero spacing on every page, in either language. Kadence's transparent
   header overlays the first content block; keep its logo and menu clear of
   the authored heading and call to action at each viewport size. */
.entry-content.single-content > .wp-block-cover:first-child {
  box-sizing: border-box;
  min-height: max(560px, 70svh);
}

.entry-content.single-content > .wp-block-kadence-rowlayout:first-child > .kt-row-column-wrap {
  box-sizing: border-box;
  min-height: max(560px, 70svh);
}

body:is(.transparent-header, .mobile-transparent-header)
  .entry-content.single-content > .wp-block-cover:first-child {
  padding-top: 300px !important;
  padding-bottom: 88px !important;
}

body:is(.transparent-header, .mobile-transparent-header)
  .entry-content.single-content > .wp-block-kadence-rowlayout:first-child > .kt-row-column-wrap {
  padding-top: 300px !important;
  padding-bottom: 88px !important;
}

@media (max-width: 1024px) {
  .entry-content.single-content > .wp-block-cover:first-child,
  .entry-content.single-content > .wp-block-kadence-rowlayout:first-child > .kt-row-column-wrap {
    min-height: max(540px, 70svh);
  }

  body:is(.transparent-header, .mobile-transparent-header)
    .entry-content.single-content > .wp-block-cover:first-child,
  body:is(.transparent-header, .mobile-transparent-header)
    .entry-content.single-content > .wp-block-kadence-rowlayout:first-child > .kt-row-column-wrap {
    padding-top: 270px !important;
    padding-bottom: 72px !important;
  }
}

@media (max-width: 767px) {
  .entry-content.single-content > .wp-block-cover:first-child,
  .entry-content.single-content > .wp-block-kadence-rowlayout:first-child > .kt-row-column-wrap {
    min-height: max(520px, 75svh);
  }

  body:is(.transparent-header, .mobile-transparent-header)
    .entry-content.single-content > .wp-block-cover:first-child,
  body:is(.transparent-header, .mobile-transparent-header)
    .entry-content.single-content > .wp-block-kadence-rowlayout:first-child > .kt-row-column-wrap {
    padding-top: 250px !important;
    padding-bottom: 64px !important;
  }
}

/* Four event cards on both homepages use identical image frames. */
:is(
  .kb-row-layout-idem-events-row1,
  .kb-row-layout-idem-events-row2,
  .kb-row-layout-iden-events-row1,
  .kb-row-layout-iden-events-row2
) figure.wp-block-image.is-resized {
  display: block;
  width: 100%;
  max-width: none;
}

:is(
  .kb-row-layout-idem-events-row1,
  .kb-row-layout-idem-events-row2,
  .kb-row-layout-iden-events-row1,
  .kb-row-layout-iden-events-row2
) figure.wp-block-image.is-resized img {
  display: block;
  width: 100% !important;
  height: 260px !important;
  object-fit: cover;
}

/* On both homepages, place the value-section photo above its copy. */
:is(.kb-row-layout-idem-value-section, .kb-row-layout-iden-value-section)
  > .kt-row-column-wrap {
  grid-template-columns: minmax(0, 1fr) !important;
  row-gap: 32px;
}

:is(.kb-row-layout-idem-value-section, .kb-row-layout-iden-value-section)
  > .kt-row-column-wrap > .wp-block-kadence-column {
  width: 100%;
  max-width: 640px;
  justify-self: center;
}

:is(.kb-row-layout-idem-value-section, .kb-row-layout-iden-value-section)
  > .kt-row-column-wrap > :last-child > .kt-inside-inner-col {
  padding-left: 0 !important;
}