/**
 * Priskila Custom Styles
 *
 * Override & fixes untuk Priskila yang tidak boleh masuk ke tema Ohio parent.
 */

@media (min-width: 992px) {
    /* === FOOTER LAYOUT ALIGNMENT FIX === */

    /* 1. Force footer widget row to flex with top alignment. */
    .site-footer .widgets.vc_row {
        display: flex;
        align-items: flex-start;
        padding-top: 3rem !important;
    }

    .site-footer .widgets-column {
        float: none;
        flex: 0 0 auto;
    }

    /* 2. Reset outer widget list wrapper. */
    .site-footer .widgets-column > ul {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    /* 3. Reset first widget in each column. */
    .site-footer .widgets-column > ul > li:first-child {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 4. Reset paragraph wrapping menu in column 1. */
    .site-footer .widgets-column > ul > li:first-child > p {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 5. Reset menu list and items inside first widget. */
    .site-footer .widgets-column > ul > li:first-child .menu {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .site-footer .widgets-column > ul > li:first-child .menu > li {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 6. Reset subscribe widget containers (column 5). */
    .site-footer .widgets-column > ul > li:first-child .subscribe-widget,
    .site-footer .widgets-column > ul > li:first-child .wpcf7,
    .site-footer .widgets-column > ul > li:first-child .wpcf7 > form {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 7. Apply uniform heading spacing to ALL top-level paragraphs, not only first-child. */
    .site-footer .widgets-column .prskl-footer-menu-heading,
    .site-footer .widgets-column > ul > li > p,
    .site-footer .widgets-column .widget_ohio_widget_subscribe .wpcf7 form > p:first-of-type {
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        font-size: 16px !important;
        font-weight: bold !important;
        line-height: 1.3 !important;
        display: block !important;
    }

    /* 8. Bold heading link. */
    .site-footer .widgets-column .prskl-footer-menu-heading a,
    .site-footer .widgets-column > ul > li > p a {
        font-weight: bold !important;
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    /* 9. Consistent spacing for the second heading in column 4 (Contact Us). */
    .site-footer .widgets-column:nth-child(4) > ul > li#block-25 > p {
        margin-top: 14px !important;
        margin-bottom: 0 !important;
    }

    /* 10. Equalize menu link spacing across all columns. */
    .site-footer .widgets-column .menu,
    .site-footer .widgets-column .menu > li {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .site-footer .widgets-column .menu > li > a {
        display: inline-block;
        padding: 3px 0 !important;
        line-height: 1.5 !important;
        font-size: 15px !important;
    }

    /* 11. Tighten newsletter form table spacing. */
    .site-footer .widget_ohio_widget_subscribe .wpcf7 table {
        margin: 0 !important;
        border-collapse: collapse !important;
    }

    .site-footer .widget_ohio_widget_subscribe .wpcf7 table td {
        padding: 0 !important;
        vertical-align: middle !important;
    }

    .site-footer .widget_ohio_widget_subscribe .wpcf7 table td p {
        margin: 0 !important;
    }

    .site-footer .widget_ohio_widget_subscribe .wpcf7 form > p:last-of-type {
        margin: 10px 0 0 0 !important;
        padding: 0 !important;
    }

    .site-footer .widget_ohio_widget_subscribe .wpcf7-acceptance .wpcf7-list-item {
        margin: 0 !important;
    }

    /* 12. Full-width newsletter form input + button and hide spinner. */
    .site-footer .widget_ohio_widget_subscribe .wpcf7 table {
        width: 100% !important;
    }

    .site-footer .widget_ohio_widget_subscribe .wpcf7 table td {
        vertical-align: middle !important;
    }

    .site-footer .widget_ohio_widget_subscribe .wpcf7 table td input[type="email"],
    .site-footer .widget_ohio_widget_subscribe .wpcf7 table td input[type="submit"] {
        width: 100% !important;
        height: 48px !important;
        line-height: 48px !important;
        padding: 0 1rem !important;
        box-sizing: border-box !important;
        vertical-align: middle !important;
    }

    .site-footer .widget_ohio_widget_subscribe .wpcf7 table td input[type="submit"],
    .site-footer .widget_ohio_widget_subscribe .wpcf7 table td .button {
        margin-top: 5px !important;
        margin-left: 5px !important;
    }

    .site-footer .widget_ohio_widget_subscribe .wpcf7 .wpcf7-spinner {
        display: none !important;
    }

    /* === DESKTOP FOOTER HEADING BASELINE HARDENING ===
       Force every first widget heading in every column to share the
       exact same metrics so they sit on the same baseline. */

    /* Pin each column’s content to the exact top edge of the flex row. */
    .site-footer .widgets-column {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    /* Remove VC clearfix pseudos now that the row is flex. */
    .site-footer .widgets.vc_row::before,
    .site-footer .widgets.vc_row::after {
        display: none !important;
    }

    /* Column 1: Brands & Products heading must not inherit menu-link metrics. */
    .site-footer .widgets-column > ul > li:first-child .menu > li.prskl-footer-menu-heading {
        display: block !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        font-size: 16px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
    }

    .site-footer .widgets-column > ul > li:first-child .menu > li.prskl-footer-menu-heading > a,
    .site-footer .widgets-column > ul > li:first-child .menu > li.prskl-footer-menu-heading > a span {
        display: inline !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 16px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
    }

    /* Columns 2-4: text-widget headings (first widget only). */
    .site-footer .widgets-column > ul > li:first-child.widget_text > p,
    .site-footer .widgets-column > ul > li:first-child.widget_text > p a,
    .site-footer .widgets-column > ul > li:first-child.widget_text > p strong {
        display: inline !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        font-size: 16px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
    }

    /* Column 5: newsletter heading. */
    .site-footer .widgets-column > ul > li:first-child.widget_ohio_widget_subscribe .wpcf7 form > p:first-of-type,
    .site-footer .widgets-column > ul > li:first-child.widget_ohio_widget_subscribe .wpcf7 form > p:first-of-type b {
        display: inline !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        font-size: 16px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
    }
}

/* === BLOG SINGLE HEADER OVERLAP FIX === */
/* Hanya halaman detail blog tanpa header spacer agar judul tidak tertutup header sticky */
.single-post:not(.with-spacer) .site-content {
    padding-top: var(--clb-header-height);
}

.single-post:not(.with-spacer).admin-bar .site-content {
    padding-top: calc(var(--clb-header-height) + var(--clb-admin-bar-height));
}