.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-5c157f3:#FFFFFF14;--e-global-color-fe4d0a1:#E8BF51;--e-global-color-fb08b7a:oklch(0.82 0.008 90);--e-global-color-eaf378a:#0B492F;--e-global-color-76e7a0e:#212637;--e-global-color-07963fa:#F8FBFA;--e-global-color-f184105:#635656;--e-global-color-ddf92fa:#E8BF51;--e-global-color-286d97e:#06090C;--e-global-color-3db6456:#12090E;--e-global-color-00fd2f7:#002C1A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-1f54462-font-family:"Bebas Neue";--e-global-typography-1f54462-font-size:72px;--e-global-typography-1f54462-font-weight:400;--e-global-typography-1f54462-text-transform:none;--e-global-typography-1f54462-line-height:72px;--e-global-typography-1f54462-letter-spacing:0.36px;background-color:#FBFAF8;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-1f54462-font-size:40px;--e-global-typography-1f54462-line-height:48px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Mengubah warna seleksi untuk seluruh teks di halaman */
::selection {
    background-color: #f2c94c; /* Ganti dengan kode warna kuning yang kamu mau */
    color: #000000;            /* Mengubah warna teks saat disorot (misal: hitam) */
}

/* Jika hanya ingin diterapkan pada elemen tertentu saja (misal class .highlight) */
.highlight::selection {
    background-color: yellow;
    color: black;
}

/*Popup Add to Card*/
/* 1. Menjadikan kontainer notifikasi sebagai Modal Pop-up di Tengah Screen */
.woocommerce-notices-wrapper {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 999999 !important; /* Memastikan melayang di atas semua elemen */
    width: 90% !important;
    max-width: 480px !important; /* Lebar maksimal kotak pop-up */
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none; /* Agar area luar kotak tidak menghalangi klik jika kosong */
}

/* 2. Menata tampilan Kotak Pop-up Notifikasi */
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error {
    pointer-events: auto; /* Memfungsikan kembali link di dalam notifikasi */
    background-color: #ffffff !important;
    color: #050709 !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 4px solid #000000 !important; /* Akses garis tegas hitam di bagian atas */
    border-radius: 8px !important;
    padding: 20px 25px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25) !important; /* Efek bayangan pop-up melayang */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px !important;
    font-size: 14px !important;
    animation: popInNotice 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

/* Menata tombol "Lihat Keranjang" di dalam pop-up agar menonjol */
.woocommerce-message .button, 
.woocommerce-info .button {
    float: none !important;
    margin: 5px 0 0 0 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 8px 18px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: background 0.2s ease !important;
}

.woocommerce-message .button:hover, 
.woocommerce-info .button:hover {
    background-color: #222222 !important;
    color: #ffffff !important;
}

/* 3. Efek Animasi Muncul Membesar (Pop-in) */
@keyframes popInNotice {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.woocommerce-message::before{
    display: none;
}/* End custom CSS */