/*
 * Shared override layer for the Srini child theme.
 * Add project-specific CSS here instead of editing parent theme files.
 */

:root {

}

/*
 * Parent source: srini/assets/css/app.css — global img rule has only "max-width: 100%"
 * Original target: img
 * Reason: pärast et child theme lisab automaatselt width/height atribuute kõigile <img>-idele
 * (CLS fix), peab kitsama ekraani peal kõrgus skaleeruma proportsioonaalselt — muidu pilt
 * venib pikuti (width langeb container-ile, height jääb intrinsic 1024px-le).
 */
img {
    height: auto;
}

/*
 * Parent source: srini/assets/css/app.css
 * Original target: .c-persons-list
 * Reason: show 3 columns on desktop instead of auto-fit 2
 */
@media (min-width: 769px) {
    .c-persons-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

/*
 * Parent source: srini/assets/css/app.css
 * Original target: .nf-response-msg h2, .nf-response-msg .form-success-block
 * Reason: success message is not mobile-friendly — heading too large, list items horizontal
 */
@media (max-width: 768px) {
    .nf-response-msg h2 {
        font-size: 2rem;
        letter-spacing: -.05rem;
        margin: .75em 0;
    }

    .nf-response-msg .form-success-block {
        padding: 1.5rem 1.25rem 2rem 1.25rem;
        margin-bottom: 3rem;
    }

    .nf-response-msg .form-success-block ol,
    .nf-response-msg .form-success-block ul {
        flex-direction: column;
        gap: 1.25rem;
    }

    .nf-response-msg .form-success-block p {
        margin: 0 0 .25rem 0;
    }
}

/*
 * Parent source: srini/assets/stylesheets/components/_brandList.scss
 * Original target: .c-brandList__image (parent theema-l puudub spetsiifiline reegel)
 * Reason: pärast et child theme lisab pildi-mõõtmete atribuudid (CLS fix), kuvatakse
 * SVG logod nende intrinsic 24×24 mõõdus → liiga väikesed brand-cell-is. Sunnime
 * ühtse kõrguse ja lubame width-il proportsionaalselt skaleeruda.
 */
.c-brandList__image {
    width: auto;
    height: 3.5rem;
    max-width: 100%;
    object-fit: contain;
}

/*
 * Parent source: srini/assets/stylesheets/components/_brandList.scss
 * Original target: .c-brandList
 * Reason: mobiilil näita 3 logot ühes reas, mitte auto-fit minmax(10rem,1fr)
 */
@media (max-width: 767px) {
    .c-brandList {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.75rem;
    }

    .c-brandList__item {
        padding: 1rem 0.5rem;
    }

    .c-brandList__image {
        height: 2.5rem;
    }
}

/*
 * Parent source: (injected via child theme functions.php — no parent rule)
 * Original target: .c-footer__partnerBadge
 * Reason: "Peresõbralik Tööandja kuldtase" märgis footer-i copyright-i alla
 */
.c-footer__partnerBadge {
    display: inline-block;
    margin-top: 1.5rem;
    line-height: 0;
    transition: opacity .2s ease;
}

.c-footer__partnerBadge:hover,
.c-footer__partnerBadge:focus-visible {
    opacity: .85;
}

.c-footer__partnerBadge img {
    display: block;
    width: 110px;
    height: auto;
    max-width: 100%;
}

@media (max-width: 767px) {
    .c-footer__partnerBadge img {
        width: 88px;
    }
}

/*
 * Parent source: srini/assets/stylesheets/components/_logos-list.scss
 * Original target: .c-logosList
 * Reason: force full-viewport width so the logos strip bleeds edge-to-edge
 * regardless of the surrounding container. -1px avoids a horizontal scroll
 * triggered by sub-pixel rounding when 100vw equals body width exactly.
 */
.c-logosList {
    width: calc(100vw - 1px);
}