/**
Theme Name: PT. Bali Web Design
Author: PT. Bali Web Design
Author URI: https://www.baliwebdesign.co.id/
Description: Bali Web Design adalah Digital Agency yang berlokasi di Denpasar – Bali. Kami menyediakan Layanan Jasa Web Desain, Graphic Design, Jasa Maintenance Website, dan Layanan Digital Marketing lainnya.
Version: 69.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pt-bali-web-design
Template: astra
*/

/* ===== Header Layout Fix ===== */

/* Right section: satu baris, semua elemen rata tengah vertikal */
.ast-builder-grid-row-has-sides .ast-grid-right-section.ast-flex {
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
}

/* Cegah nav menu wrap ke baris baru */
.ast-main-header-bar-alignment .main-header-menu.ast-flex,
.main-header-menu.ast-nav-menu {
    flex-wrap: nowrap;
    align-items: center;
}

/* Kurangi padding nav link agar semua item muat satu baris */
#ast-desktop-header .main-header-menu > li > .menu-link {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    white-space: nowrap;
}

/* HTML widget di header: jangan menyusut, rata tengah vertikal */
.ast-header-html-1,
.ast-header-html-2 {
    flex-shrink: 0 !important;
    align-items: center;
}

.ast-header-html-1 .ast-header-html,
.ast-header-html-2 .ast-header-html {
    display: flex;
    align-items: center;
}

.ast-header-html-1 .ast-builder-html-element,
.ast-header-html-2 .ast-builder-html-element {
    display: flex;
    align-items: center;
}

/* Flags: tampilkan horizontal dan rata tengah */
.ast-header-html-1 #flags {
    display: inline-flex;
    align-items: center;
    overflow: visible;
}

.ast-header-html-1 #flags ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 3px;
    margin: 0;
    padding: 0;
}

.ast-header-html-1 #flags li {
    float: none !important;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* Currency switch: jangan wrap, rata tengah */
.m-cur-switch {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    white-space: nowrap;
}

.m-cur-switch .m-cur-btn {
    white-space: nowrap;
    flex-shrink: 0;
}