/*
Theme Name: Newsup Child
Template: newsup
Theme URI: https://wordpress.org/themes/newsup/
Author: ChatGPT
Description: Child theme for Newsup WordPress theme.
Version: 1.0
*/
/* Ensure header elements stay in one row */
.custom-header-bar {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important; /* Prevent stacking */
    width: 100%;
}

.custom-header-logo,
.custom-header-title,
.custom-header-flag {
    flex-shrink: 0; /* Prevent shrinking */
}

/* Adjust sizes for mobile */
.custom-header-logo img,
.custom-header-flag img {
    height: 40px;
    max-height: 40px;
}

.custom-header-title {
    font-size: 18px;
    white-space: nowrap; /* Prevent line breaks */
    text-align: center;
    flex-grow: 1;
}
/* Make hamburger menu visible on mobile */
.navbar-toggler .burger-line {
    background-color: #000 !important;   /* black lines */
    height: 3px !important;
    width: 28px !important;
    display: block !important;
}

/* Fix hover also */
.navbar-toggler:hover .burger-line {
    background-color: #000 !important;
}

/* Ensure the toggle button is visible */
.navbar-toggler {
    border: none !important;
    outline: none !important;
}
/* Fix invisible hamburger icon */
.navbar-toggler .burger-line {
    background-color: #000 !important;  /* black lines */
    height: 3px !important;
    width: 28px !important;
    display: block !important;
}
.navbar-toggler:hover .burger-line {
    background-color: #000 !important;
}
/* Show hamburger on screens smaller than 992px */
@media (max-width: 992px) {
    .navbar-toggler {
        display: block !important;
    }

    .navbar-collapse {
        display: none;
    }
}

/* Basic hamburger icon */
.navbar-toggler-icon {
    width: 30px;
    height: 3px;
    background-color: #000;
    display: block;
    position: relative;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
    content: "";
    width: 30px;
    height: 3px;
    background-color: #000;
    position: absolute;
    left: 0;
}

.navbar-toggler-icon::before {
    top: -8px;
}

.navbar-toggler-icon::after {
    top: 8px;
}



/* Prevent parent theme from forcing columns on mobile */
@media (max-width: 1024px) {
    .custom-header-bar,
    .custom-header-bar .row,
    .custom-header-bar .col-md-3,
    .custom-header-bar .col-md-12 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}