/*
 Theme Name:   VerFinder
 Template:     yootheme
 Author:       VerFinder
 Description:  VerFinder Child Theme
 Version:      1.5.0
 Text Domain:  verfinder.es
*/

/* VerFinder design tokens.
   These values are the shared visual baseline for reusable page templates. */
:root {
    --vf-container: 1200px;
    --vf-page-gutter: 20px;
    --vf-space: 32px;
    --vf-space-mobile: 24px;
    --vf-header-row: 72px;
    --vf-mist: #e8f1f5;
    --vf-mist-deep: #dce9ef;
    --vf-ink: #13232d;
    --vf-primary: #1f5d86;
    --vf-primary-dark: #12334b;
    --vf-font-sans: Arial, 'Noto Sans', Helvetica, sans-serif;
    --vf-info-font-size: 18px;
    --vf-info-heading-size: 28px;
}


/* One sans-serif family across YOOtheme, WordPress and WidgetKit.
   Typography is controlled here rather than in individual pages. */
body,
body button,
body input,
body select,
body textarea,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .uk-h1,
body .uk-h2,
body .uk-h3,
body .uk-h4,
body .uk-h5,
body .uk-h6,
body .uk-heading-small,
body .uk-heading-medium,
body .uk-heading-large,
body .uk-heading-xlarge,
body .uk-heading-2xlarge,
body .uk-card-title,
body .uk-nav-header {
    font-family: var(--vf-font-sans);
}

/* Site-wide button typography (including links rendered as UIkit buttons).
   Inherited body typography alone does not override YOOtheme's .uk-button.
   Use the same typeface for existing widgets and newly authored pages. */
body .uk-button,
body .vf-home-categories-widgetkit .uk-button,
body .wp-block-search .wp-block-search__button,
body .wp-block-button__link,
body .wp-element-button,
body button,
body input[type="submit"],
body input[type="button"],
body input[type="reset"] {
    font-family: var(--vf-font-sans) !important;
    font-style: normal;
}

/* Reusable primary button palette for the VerFinder reference design. */
body.vf-design-template .uk-button-primary {
    background: var(--vf-primary) !important;
    border-color: var(--vf-primary) !important;
    color: #fff !important;
}

body.vf-design-template .uk-button-primary:hover,
body.vf-design-template .uk-button-primary:focus,
body.vf-design-template .uk-button-primary:active {
    background: var(--vf-primary-dark) !important;
    border-color: var(--vf-primary-dark) !important;
    color: #fff !important;
}

/* Reusable compact top rhythm.
   Apply vf-design-template to pages that use the VerFinder reference layout. */
body.vf-design-template .tm-header .uk-navbar-container,
body.vf-design-template .tm-header .uk-navbar {
    min-height: var(--vf-header-row);
}

body.vf-design-template .tm-header .uk-navbar-item,
body.vf-design-template .tm-header .uk-navbar-nav > li > a,
body.vf-design-template .tm-header .uk-navbar-toggle {
    min-height: var(--vf-header-row);
}

body.vf-design-template #tm-main {
    padding-top: var(--vf-space) !important;
}

body.vf-design-template #tm-main > .uk-container > .uk-margin-medium-bottom {
    margin-bottom: var(--vf-space) !important;
}


/* Match the actual content box of #tm-main .uk-container:
   YOOtheme .uk-container paints background into its horizontal gutters,
   while page hero images occupy only the content box. */
.tm-bottom > .uk-container {
    background-color: var(--vf-primary);
    background-clip: content-box;
}

/* Keep vertical breathing room within the painted region, not its gutters. */
.tm-bottom > .uk-container > .uk-grid {
    padding-top: var(--vf-space);
    padding-bottom: 0;
}

/* The copyright widget is already 100%-wide in the native widget settings.
   Do not expand its card beyond the container with negative margins. */
/* Restore inner text gutters without changing the blue or copyright widths.
   Native Bottom widget panels have no horizontal padding in this layout. */
.tm-bottom > .uk-container > .uk-grid > :nth-child(-n+4) > .uk-panel {
    padding-inline: 44px;
}

@media (max-width: 639px) {
    .tm-bottom > .uk-container > .uk-grid > :nth-child(-n+4) > .uk-panel {
        padding-inline: 22px;
    }
}

/* Bottom footer: 4 menu widgets + full-width copyright row. */

.tm-bottom .uk-grid > :nth-child(-n+4) .uk-nav-header {
    font-weight: 700;
}

.tm-bottom .uk-grid > :nth-child(5) .textwidget > p {
    margin: 0;
}

/* Information cards share the same mist palette as Sources/Editorial pages.
   Color lives here, not as separate inline values on 70 WordPress pages. */
.uk-card.uk-card-default.vf-information-card {
    background-color: var(--vf-mist);
    color: var(--vf-ink);
}
.uk-card.uk-card-default.vf-information-card h2,
.uk-card.uk-card-default.vf-information-card p {
    color: var(--vf-ink);
}

/* Shared information-card reading scale for all 9 footer-linked groups. */
.vf-foundation-page .vf-foundation-card h2,
.uk-card.uk-card-default.vf-information-card h2 {
    color: var(--vf-ink);
    font-size: var(--vf-info-heading-size);
    font-weight: 700;
    font-style: normal;
    line-height: 1.25;
}
.vf-foundation-page .vf-foundation-card p,
.vf-foundation-page .vf-foundation-card li,
.uk-card.uk-card-default.vf-information-card p,
.uk-card.uk-card-default.vf-information-card li {
    color: var(--vf-ink);
    font-size: var(--vf-info-font-size);
    font-weight: 400;
    line-height: 1.6;
}

@media (max-width: 639px) {
    :root {
        --vf-info-font-size: 17px;
        --vf-info-heading-size: 24px;
    }
}


/* Category hubs reuse the homepage's imagery, grid, mist palette and UIkit buttons.
   Only image framing is new; text sizes, buttons and colors stay centralized. */
.vf-category-hub .vf-category-card {
    overflow: hidden;
}
.vf-category-hub .vf-category-card-image {
    display: block;
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.vf-category-hub .vf-category-card .uk-card-body h2 {
    margin-top: 0;
}
@media (max-width: 639px) {
    .vf-category-hub .vf-category-card-image {
        height: 210px;
    }
}

/* Widgetkit homepage category cards. */

.vf-home-categories-widgetkit .uk-panel {
    position: relative;
}

.vf-home-categories-widgetkit .uk-overlay-primary {
    background: transparent !important;
    color: var(--vf-ink) !important;
    padding: 30px !important;
}

.vf-home-categories-widgetkit .uk-overlay-primary,
.vf-home-categories-widgetkit .uk-overlay-primary h3,
.vf-home-categories-widgetkit .uk-overlay-primary .uk-h2,
.vf-home-categories-widgetkit .uk-overlay-primary .uk-text-meta,
.vf-home-categories-widgetkit .uk-overlay-primary .uk-text-large,
.vf-home-categories-widgetkit .uk-overlay-primary p,
.vf-home-categories-widgetkit .uk-overlay-primary div {
    color: var(--vf-ink) !important;
}

.vf-home-categories-widgetkit .uk-overlay-primary > .uk-grid {
    position: relative;
    display: block;
    margin-left: 0 !important;
}

.vf-home-categories-widgetkit .uk-overlay-primary > .uk-grid > * {
    padding-left: 0 !important;
}

.vf-home-categories-widgetkit .uk-overlay-primary > .uk-grid > .uk-width-expand {
    width: 100% !important;
    padding-bottom: 72px;
}

.vf-home-categories-widgetkit .uk-overlay-primary > .uk-grid > .uk-width-auto {
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto !important;
}

.vf-home-categories-widgetkit .uk-overlay-primary h3,
.vf-home-categories-widgetkit .uk-overlay-primary .uk-h2 {
    font-size: 42px;
    line-height: 1.08;
    font-weight: 700;
}

.vf-home-categories-widgetkit .uk-overlay-primary .uk-text-large {
    font-size: 20px;
    line-height: 1.45;
}

.vf-home-categories-widgetkit .uk-overlay-primary .uk-button-primary {
    font-size: 16px;
    padding-left: 24px;
    padding-right: 24px;
}

/* Lingua Pages: size dropdown to the longest label plus equal side padding. */

.lp-switcher .lp-list {
    width: max-content !important;
    min-width: 0 !important;
    max-width: calc(100vw - 32px);
}

.lp-switcher .lp-list a,
.lp-switcher .lp-list span {
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 959px) {
    .tm-bottom .uk-grid > :nth-child(-n+4) {
        flex-basis: 50% !important;
        width: 50% !important;
        max-width: 50% !important;
    }

    .tm-bottom .uk-grid > :nth-child(5) {
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 639px) {
    :root {
        --vf-header-row: 64px;
    }

    body.vf-design-template #tm-main {
        padding-top: var(--vf-space-mobile) !important;
    }

    body.vf-design-template #tm-main > .uk-container > .uk-margin-medium-bottom {
        margin-bottom: var(--vf-space-mobile) !important;
    }

    .tm-bottom .uk-grid > :nth-child(-n+4),
    .tm-bottom .uk-grid > :nth-child(5) {
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .vf-home-categories-widgetkit .uk-overlay-primary {
        padding: 22px !important;
    }

    .vf-home-categories-widgetkit .uk-overlay-primary > .uk-grid > .uk-width-expand {
        padding-bottom: 64px;
    }

    .vf-home-categories-widgetkit .uk-overlay-primary h3,
    .vf-home-categories-widgetkit .uk-overlay-primary .uk-h2 {
        font-size: 32px;
    }

    .vf-home-categories-widgetkit .uk-overlay-primary .uk-text-large {
        font-size: 17px;
    }
}

/* Search-field border remains editable in YOOtheme Style after native migration.
   Hero typography and spacing are now controlled by its WidgetKit content. */
body .vf-hero-manual .vf-hero-search .uk-input {
    border: 1px solid rgba(19, 35, 45, 0.45);
}