/*
Theme Name: Ballin Digital
Description: Minimal child theme for Twenty Twenty-Five.
Author: Ballin Digital
Template: twentytwentyfive
Version: 0.1.0
Text Domain: ballin-digital
*/

/* ========================================
   CSS Variables
   ======================================== */
:root {
    --bd-padding: 1.6rem;
    --bc-color-bg: #fbf7f2;
    --bc-font-family:
        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
        Cantarell, sans-serif;
}

/* ========================================
   Header & Main Padding
   ======================================== */
.bd-header-wrapper,
main {
    padding-left: var(--bd-padding);
    padding-right: var(--bd-padding);
}

.bd-header {
    border-bottom-width: var(--bd-padding);
}

.bd-announcement-bar {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

/* ========================================
   Navigation
   ======================================== */
.wp-block-navigation a {
    text-decoration: none;
}

.wp-block-navigation a:hover {
    opacity: 0.6;
}

/* ========================================
   Mobile Styles
   ======================================== */
@media (max-width: 598px) {
    :root {
        --bd-padding: 0.5rem;
    }

    .bd-header {
        border-bottom-width: 0;
    }

    .bd-announcement-bar {
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }

    .bd-header__inner {
        position: relative;
    }

    .bd-header__desktop-left {
        flex-direction: row-reverse;
        gap: 0;
    }

    .bd-header__desktop-left .wp-block-site-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .bd-search__text {
        display: none;
    }
}