/**
 * GIMUR Child: estil del lloc migrat de mu-plugins/gimur-site/assets/gimur-styles.css
 * (2026-10-17, línies originals 3038-3089, 3152-3422). Polit del peu, covers, Research Areas, contrasenya, retocs de maquetació.
 * Es manté l'ordre original de la cascada: aquest fitxer es carrega en la posició
 * que tenien aquestes regles. Neteja pendent: vegeu MIGRACIO.md.
 */

/* ============================================================
   COVER CARDS: text readability over images (E6 Ronda 4)
   ============================================================ */

/* Strengthen gradient at bottom of cover cards for text legibility */
.wp-block-cover.is-style-round-corners .wp-block-cover__background {
    opacity: 0.85 !important;
}

/* Text shadow for text over images in cover blocks */
.wp-block-cover .wp-block-cover__inner-container p,
.wp-block-cover .wp-block-cover__inner-container a {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

/* Ensure white text on hero covers */
.wp-block-cover .wp-block-cover__inner-container h1,
.wp-block-cover .wp-block-cover__inner-container h2,
.wp-block-cover .wp-block-cover__inner-container h3 {
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

/* Fix: links inside cover cards must be white, not primary blue */
.wp-block-cover.is-style-round-corners .wp-block-cover__inner-container a {
    color: #fff !important;
}
.wp-block-cover.is-style-round-corners .wp-block-cover__inner-container a:hover {
    color: var(--gx-accent-ink) !important;
}

/* Full-card clickable area for cover grid cards */
.wp-block-cover.is-style-round-corners {
    position: relative;
    cursor: pointer;
}
.wp-block-cover.is-style-round-corners .wp-block-cover__inner-container p:last-child a {
    position: static;
}
.wp-block-cover.is-style-round-corners .wp-block-cover__inner-container p:last-child a::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* =============================================================================
   Research Areas — Mobile readability
   ============================================================================= */
@media (max-width: 781px) {
  .gx-page-research-areas .entry-content p,
  .gx-page-research-areas .wp-block-post-content p {
    font-size: 0.9rem;
    line-height: 1.6;
  }
  .gx-page-research-areas .entry-content h3,
  .gx-page-research-areas .wp-block-post-content h3 {
    font-size: 1.1rem;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--gimur-border, #e2e2e2);
  }
  .gx-page-research-areas .entry-content h3:first-of-type {
    border-top: none;
  }
  .gx-page-research-areas .wp-block-cover {
    min-height: 160px !important;
  }
}

/* Visit-parent link in mobile submenu */
.wp-block-navigation__responsive-container.is-menu-open .gimur-visit-parent {
  margin-bottom: 0.25rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.wp-block-navigation__responsive-container.is-menu-open .gimur-visit-parent a {
  font-weight: 600 !important;
  color: var(--gimur-primary, #003966) !important;
  font-size: 0.92rem;
}
.wp-block-navigation__responsive-container.is-menu-open .gimur-visit-parent a:hover {
  color: var(--gx-accent-ink) !important;
}

/* =============================================================================
   Research Areas — 2-level accordion (≤1200px)
   ============================================================================= */
.gimur-ra-area {
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* Level 2: subtopic toggles */
.gimur-ra-sub {
  border-bottom: 1px solid var(--gimur-border, #e2e2e2);
}
.gimur-ra-sub summary {
  cursor: pointer;
  padding: 0.65rem 2rem 0.65rem 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--gimur-primary, #003966);
  list-style: none;
  position: relative;
}
.gimur-ra-sub summary::-webkit-details-marker {
  display: none;
}
.gimur-ra-sub summary::after {
  content: '';
  position: absolute;
  right: 0.5rem;
  top: 50%;
  width: 0.45em;
  height: 0.45em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-60%) rotate(45deg);
  transition: transform 0.2s ease;
}
.gimur-ra-sub[open] summary::after {
  transform: translateY(-40%) rotate(-135deg);
}
.gimur-ra-sub-body {
  padding: 0 0 1rem 0;
}
.gimur-ra-sub-body p {
  font-size: 0.92rem;
  line-height: 1.65;
}

/* ============================================================
   Password Reset Form
   ============================================================ */
.gimur-form {
    max-width: 420px;
    margin: 1.5rem 0;
}
.gimur-form-field {
    margin-bottom: 1.25rem;
}
.gimur-form-field label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.375rem;
    font-size: 0.9375rem;
    color: var(--gimur-text-primary);
}
.gimur-form-field input[type="text"],
.gimur-form-field input[type="password"],
.gimur-form-field input[type="email"] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: 1px solid var(--gimur-border);
    border-radius: var(--gimur-radius-sm);
    font-size: 1rem;
    font-family: inherit;
    background: #fff;
    transition: border-color 0.2s;
}
.gimur-form-field input:focus {
    outline: none;
    border-color: var(--gimur-primary);
    box-shadow: 0 0 0 2px rgba(0, 57, 102, 0.12);
}
.gimur-form-button {
    display: inline-block;
    padding: 0.75rem 2rem;
    background: var(--gimur-primary);
    color: #fff;
    border: none;
    border-radius: var(--gimur-radius-sm);
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.2s;
}
.gimur-form-button:hover {
    background: var(--gimur-primary-dark, #002a4d);
}
.gimur-form-success {
    background: #e8f5e9;
    border-left: 3px solid #4caf50;
    padding: 1rem 1.25rem;
    border-radius: 0 var(--gimur-radius-sm) var(--gimur-radius-sm) 0;
    margin-bottom: 1.25rem;
    color: #2e7d32;
}
.gimur-form-error {
    background: #fbe9e7;
    border-left: 3px solid #e53935;
    padding: 1rem 1.25rem;
    border-radius: 0 var(--gimur-radius-sm) var(--gimur-radius-sm) 0;
    margin-bottom: 1.25rem;
    color: #c62828;
}
.gimur-form-link {
    margin-top: 1.5rem;
    font-size: 0.875rem;
}
.gimur-form-link a {
    color: var(--gimur-primary);
}


/* ============================================================
   LAYOUT POLISH — 2026-03-30
   ============================================================ */

/* 1.1 Eva Laliena/Mission block: full width + center on mobile */
@media (max-width: 781px) {
    /* Force parent columns to stack vertically */
    .wp-block-columns:has(> .wp-block-column.is-style-pull-left) {
        flex-direction: column !important;
    }
    .wp-block-columns:has(> .wp-block-column.is-style-pull-left) > .wp-block-column,
    .wp-block-columns:has(> .wp-block-column.is-style-pull-left) > .wp-block-column[style] {
        flex-basis: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .wp-block-column.is-style-pull-left {
        padding-left: var(--wp--preset--spacing--30, 1rem) !important;
        padding-right: var(--wp--preset--spacing--30, 1rem) !important;
    }
    /* Collapse 100px spacer column inside pull-left */
    .wp-block-column.is-style-pull-left .wp-block-columns > .wp-block-column[style*="flex-basis:100px"],
    .wp-block-column.is-style-pull-left .wp-block-columns > .wp-block-column[style*="flex-basis: 100px"] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        padding: 0 !important;
        overflow: hidden;
    }
}

/* 1.2 Logo slider: 2 cols on mobile */
@media (max-width: 600px) {
    #gs_logo_area_51 .gs_logo_single--wrapper {
        width: 50% !important;
    }
}

/* 1.3 Congress cards: mobile sizing */
@media (max-width: 600px) {
    #gimur_congresses_grid .jet-listing-grid__item h2,
    #gimur_congresses_grid .jet-listing-grid__item h3,
    .jet-listing-grid__item .jet-listing-dynamic-field__content {
        font-size: clamp(1.1rem, 4.5vw, 1.5rem) !important;
        line-height: 1.3 !important;
    }
    .jet-listing-grid__item .jet-listing-dynamic-image img {
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }
}

/* 1.4 About Key Facts: prevent aggressive hyphenation */
@media (max-width: 781px) {
    body.gx-page-about #key-facts .wp-block-heading {
        hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}
