/*
Theme Name:   Kadence Child
Theme URI:    https://joseenrique.es/
Description:  Child theme de Kadence para joseenrique.es. Permite personalizaciones de CSS y PHP que sobreviven a actualizaciones del tema padre.
Author:       José Enrique Ibarra
Author URI:   https://joseenrique.es/
Template:     kadence
Version:      1.0.5
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  kadence-child
*/

/* Custom CSS goes below this line. Inherited styles come from kadence parent theme via functions.php. */

/* =========================================================
   Contrast fixes for WCAG AAA compliance
   Targets: comment form, Kadence Advanced Form, figcaption, je-ecosistema cards
   Color targets:
     #3c3c37 -> 10.72:1 on cream/white (AAA)
     #5f5f57 ->  6.18:1 on cream (AA large only - avoid for body text)
   ========================================================= */

/* Comment form labels (parent uses --global-palette5 #7c7c73 = 4.07:1) */
.comment-form .comment-input-wrap p label.float-label,
.comment-form p.comment-form-float-label label.float-label,
.comment-form label.float-label {
  color: #3c3c37 !important;
}
.comment-form .required,
.comment-form span.required {
  color: #3c3c37 !important;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  color: #3c3c37 !important;
  -webkit-text-fill-color: #3c3c37 !important;
}
/* Placeholder transparente: Kadence usa floating-label encima del campo */
.comment-form input::placeholder,
.comment-form textarea::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

/* Kadence Advanced Form inputs and labels */
.kb-adv-form .kb-field,
.kb-adv-form textarea,
.kb-adv-form-field input,
.kb-adv-form-field textarea {
  color: #3c3c37 !important;
  -webkit-text-fill-color: #3c3c37 !important;
}
/* Placeholder transparente: Kadence Advanced Form usa floating-label */
.kb-adv-form .kb-field::placeholder,
.kb-adv-form textarea::placeholder,
.kb-adv-form-field input::placeholder,
.kb-adv-form-field textarea::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}
.kb-adv-form label,
.kb-adv-form-field label,
.kb-adv-form-checkbox-label,
.kadence-blocks-form-field label,
.kb-adv-form-field-checkbox label,
.kb-adv-form-label {
  color: #3c3c37 !important;
}

/* Figcaption (parent uses lighter gray) */
figcaption.wp-element-caption,
.wp-block-image figcaption,
.wp-element-caption {
  color: #3c3c37 !important;
}

/* je-ecosistema cards (inline in /presentacion/ post content) - safety net */
.je-ecosistema .je-tag,
.je-ecosistema .je-cta,
.je-ecosistema .je-desc,
.je-ecosistema .je-eyebrow,
.je-ecosistema .je-card-current .je-cta {
  color: #3c3c37 !important;
}

/* Accessible focus-visible outline for forms (improves keyboard nav) */
.kb-adv-form .kb-field:focus-visible,
.kb-adv-form textarea:focus-visible,
.comment-form input:focus-visible,
.comment-form textarea:focus-visible {
  outline: 2px solid #14213d !important;
  outline-offset: 2px !important;
}

/* =====================================================================
   JE Branding · Logo size override (v4.2)
   Kadence limita el logo a 200px → lo subimos a 280px para mejor
   balance visual con la cabecera (80px) y los enlaces de menú.
   ===================================================================== */
.site-branding a.brand img.custom-logo,
header .site-branding img.custom-logo,
.site-header-item img.custom-logo {
  max-width: 280px !important;
  width: 280px !important;
  height: auto !important;
}
.site-branding a.brand.has-logo-image,
.site-header-item .site-branding {
  height: auto !important;
  max-height: none !important;
}

/* Responsive: en móvil/tablet reducimos un poco para no saturar */
@media (max-width: 768px) {
  .site-branding a.brand img.custom-logo,
  header .site-branding img.custom-logo,
  .site-header-item img.custom-logo {
    max-width: 220px !important;
    width: 220px !important;
  }
}
@media (max-width: 480px) {
  .site-branding a.brand img.custom-logo,
  header .site-branding img.custom-logo,
  .site-header-item img.custom-logo {
    max-width: 180px !important;
    width: 180px !important;
  }
}