/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2019-2021 IMAJIKU.
*
* import all files
*
*/

/*framework bootstrap*/
@import url("bootstrap.min.css");

/*import typography*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css");

/*import fonts*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;900&display=swap');

/*default fonts continue to use */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poiret+One&display=swap");

/*jquery*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.structure.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.theme.min.css");

/* === begin PLUGIN ==== */
/*animate*/
@import url("../plugins/animate/animate.min.css");

/*select2*/
@import url("../plugins/select2/dist/css/select2.min.css");

/*datepicker dropdown*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.standalone.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker3.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker3.standalone.min.css");

/*daterangepicker*/
@import url("https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css");

/*slick*/
@import url("../plugins/slick-carousel/slick/slick-theme.css");
@import url("../plugins/slick-carousel/slick/slick.css");

/*fancybox*/
@import url("../plugins/fancybox/dist/jquery.fancybox.min.css");

/*icon flag*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/css/flag-icon.min.css");

/*Leaflet*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.6.0/leaflet.css");

/*AOS*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/aos/3.0.0-beta.6/aos.css");

/* === end PLUGIN ==== */

/*import main custom*/
@import "typography.css";
@import "animate-custom.css";
/*@import "form-master.min.css";*/
@import "form-master.css";
@import "form.css";
/*@import "general-master.min.css";*/
@import "general-master.css";
@import "general.css";
@import "navbar.css";
@import "layout-sub-2.css";
@import "layout-sub-1.css";
@import "layout.css";
/*@import "responsive-master.min.css";*/
@import "responsive-master.css";
@import "responsive-sub-2.css";
@import "responsive-sub-1.css";
@import "responsive-navbar.css";

/* ===== CUSTOM WHATSAPP BUTTON RESPONSIVE ===== */
/* Desktop: Button inside collapse menu after Contact */
/* Mobile: Button outside collapse, before hamburger */

/* Desktop (≥992px): Show button inside menu, show brand text */
@media (min-width: 992px) {
    .navbar-brand-text {
        display: inline-block !important;
        margin-left: 10px;
        font-weight: 600;
        font-size: 1rem;
    }

    /* Desktop button (inside collapse menu) */
    .button-whatsapp-desktop-wrapper {
        margin-top: 8px;
        display: block !important;
    }

    .button-whatsapp-desktop {
        display: inline-flex !important;
    }

    /* Hide mobile button */
    .button-whatsapp-mobile {
        display: none !important;
    }
}

/* Responsive (<992px): Show button outside menu, hide brand text */
@media (max-width: 991px) {
    /* Hide brand text to save space */
    .navbar-brand-text {
        display: none !important;
    }

    /* Hide desktop button (inside collapse) */
    .button-whatsapp-desktop-wrapper {
        display: none !important;
    }

    /* Show mobile button (outside collapse, before hamburger) */
    .button-whatsapp-mobile {
        display: inline-flex !important;
        position: absolute;
        right: 70px !important;
        top: 50%;
        transform: translateY(-50%) !important;
        z-index: 1000;
        margin-right: 1rem;
    }

    /* Keep number visible */
    .button-whatsapp-mobile .wa-number {
        display: inline-block !important;
    }

    /* Adjust navbar positioning */
    .navbar.navbar-type-1-row {
        position: relative;
    }
}

/* Small mobile adjustments */
@media (max-width: 576px) {
    .button-whatsapp-mobile {
        right: 60px !important;
        font-size: 13px;
        padding: 8px 14px;
        margin-right: 1rem;
    }
}

/* Extra small devices */
@media (max-width: 400px) {
    .button-whatsapp-mobile {
        right: 55px !important;
        font-size: 12px;
        padding: 8px 12px;
        margin-right: 1rem;
    }

    /* Ensure logo doesn't get too large */
    .navbar-brand img {
        max-height: 35px;
    }
}

/* Accessibility improvements */
.button-whatsapp:focus,
.button-whatsapp-mobile:focus,
.button-whatsapp-desktop:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.3), 0 4px 12px rgba(37, 211, 102, 0.25) !important;
}

/* Ensure hamburger button positioning */
@media (max-width: 991px) {
    .navbar-toggler {
        margin-left: 10px;
        position: relative;
        z-index: 1001;
    }
}



@import "responsive.css";


.section-top{
    padding-top: 0;
}
}