/*!
Theme Name: Kava Child
Theme URI:
Author: Zemez
Author URI:
Description: Kava child theme.
Template: kava
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kava-child
*/
.container {
    max-width: 1080px !important;
}
.badge-discount {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #e63946;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 20px;
  z-index: 10;
}
._label_kat_shop a {
    border: 1px solid;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
}
/* Hover */
#_tab_single_produk .e-n-tab-title:hover {
  background: #E0E0E0 !important;         /* abu-abu muda */
  cursor: pointer;
}
/* Active */
#_tab_single_produk .e-n-tab-title[aria-selected="true"] {
  background: #fff !important; 
  z-index: 2; /* biar tab aktif keliatan di atas */
}

body.woocommerce-order-pay #pay-button {
    margin-top: 30px;
    margin-bottom: 30px;
}
body.woocommerce-order-pay ul.order_details {
    margin-bottom: 20px;
}
/* Styling order details hanya untuk halaman checkout order-pay */
body.woocommerce-order-pay .order_details {
  list-style: none;            /* hilangkan bullet */
  margin: 20px 0;
  padding: 0;
  background: #fff;
  border: 1px solid #e5e7eb;   /* abu soft */
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  max-width: 600px;            /* sedikit lebih lebar */
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  color: #333;
  overflow: hidden;            /* untuk border-radius yang rapi */
}

/* Setiap item */
body.woocommerce-order-pay .order_details li {
  display: flex;
  justify-content: space-between;
  align-items: center;         /* center alignment */
  padding: 15px 20px;          /* padding lebih besar */
  border-bottom: 1px solid #f3f4f6;
  transition: background-color 0.2s ease;
}

/* Hover effect untuk interaktivitas */
body.woocommerce-order-pay .order_details li:hover {
  background-color: #f9fafb;
}

/* Hilangkan border terakhir */
body.woocommerce-order-pay .order_details li:last-child {
  border-bottom: none;
}

/* Label (misalnya Nomor Pesanan, Tanggal) */
body.woocommerce-order-pay .order_details li::before {
  content: "";
}

/* Strong untuk highlight value */
body.woocommerce-order-pay .order_details strong {
  font-weight: 600;
  color: #111827;
}

/* Harga agar lebih menonjol */
body.woocommerce-order-pay .order_details .total strong {
  font-size: 17px;
  font-weight: 700;
  color: #059669;             /* hijau yang lebih kontras */
}

/* Metode pembayaran */
body.woocommerce-order-pay .order_details .method strong {
  font-style: italic;
  color: #3b82f6;             /* biru yang lebih kontras */
  font-weight: 500;
}

/* Styling untuk label/key */
body.woocommerce-order-pay .order_details li > span:first-child {
  color: #6b7280;             /* abu untuk label */
  font-weight: 500;
}

/* Styling khusus untuk nomor pesanan */
body.woocommerce-order-pay .order_details li:first-child {
  background-color: #f8fafc;
  font-weight: 600;
}

/* Font Awesome Icon Fix - Toko Icon */
/* Fix untuk memastikan icon Font Awesome tampil dengan benar */
.fa.fa-shopping-bag::before {
  content: "\uf290" !important;
  font-family: "FontAwesome" !important;
  display: inline-block !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Fix umum untuk semua icon Font Awesome yang mungkin bermasalah */
.fa::before {
  font-family: "FontAwesome" !important;
  display: inline-block !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

h3.title_sidebar,
._widget_latestpost li,
._widget_latestpost li a,
.sidebar-right a {
	font-family: "Poppins", 'Open Sans', sans-serif;
	color: #393939 !important;
    	font-weight: 500 !important;
}
._widget_latestpost li a {
	font-size: 13px !important;	
}
._widget_latestpost li a:hover {
  color: #398ffc !important;
  /* text-decoration: underline; */
  /* text-decoration-thickness: 2px; */
  /* text-decoration-color: #555;  */
}

._widget_latestpost li {
	font-size: 11px;	
	color: #777777 !important;
}
._widget_latestpost .post-date {
	display: block !important; /* Pastikan tanggal berada di baris baru */
	color: #4d535e!important; /* Warna tanggal */
	font-size: 11px !important; /* Ukuran font tanggal */
	margin-top: 2px !important; /* Jarak antara judul dan tanggal */
        font-weight: 300 !important;
}
.latest-posts-container .latest-post-item {
	font-size: 15px !important;
	font-weight: 700 !important;
	border-bottom: 1px solid #E0E0E0 !important;
	padding-left: 15px !important;
	margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}
.latest-posts-container .title_sidebar,
h3.title_sidebar {
	font-size: 15px !important;
	font-weight: 700 !important;
	border-bottom: 1px solid #E0E0E0 !important;
	padding-left: 15px !important;
	margin-left: -10px !important;
	margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}
ol.popular-posts-list {
	list-style-type: none; /* Hapus bullet list */
	padding-left: 0 !important; /* Hapus padding */
	margin: 0 !important; /* Hapus margin */
}

ol.popular-posts-list li {
	display: flex;
	align-items: center; /* Rata tengah item secara vertikal */
	counter-increment: section; /* Counter untuk nomor */
    padding-bottom: 10px;
	margin-bottom: 10px; /* Beri jarak antar item */
    border-bottom: 1px solid #E0E0E0 !important;
}

ol.popular-posts-list li .post-number::before {
	content: counter(section) " "; /* Tampilkan nomor */
	width: 30px; /* Lebar tetap untuk circle */
	height: 30px; /* Tinggi tetap untuk circle */
	background-color: #393939; /* Warna latar belakang circle */
	color: white; /* Warna teks */
	font-weight: bold; /* Buat teks tebal */
	border-radius: 50%; /* Buat edges bulat */
	display: flex;
	align-items: center; /* Rata tengah teks secara vertikal */
	justify-content: center; /* Rata tengah teks secara horizontal */
	margin-right: 10px; /* Jarak antara nomor dan judul */
}

.post-content {
	flex-grow: 1; /* Izinkan konten mengambil ruang yang tersedia */
}

.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs-heading .e-n-tab-title[aria-selected=true],.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover,.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true],.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
    background: #F2F4F7 !important;
}

.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs[data-touch-mode=false]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover,.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=false]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
    background: #F2F4F7 !important;
    border-top: 1px solid #E0E0E0 !important;
    border-left: 1px solid #E0E0E0 !important;
    border-right: 1px solid #E0E0E0 !important;
}

.e-n-tab-title {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}



/* Sidebar Navigation Styles (migrated from Docs, without collapsed/toggle) */
.container-navbar span,
.container-navbar a {
    font-family: "Poppins", "Open Sans", sans-serif;
    font-size: 13px;
}

.container-navbar {
    position: relative; 
    background-color: white;
    transition: all 0.3s ease;
    z-index: 1000;
}

.nav-menu {
    padding: 10px 0;
}

.menu-items {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.nav-item {
    position: relative;
    border-bottom: 1px solid #eee;
}

.nav-link {
    display: flex;
    align-items: center;
    padding: 10px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

.nav-link:hover {
    background-color: #f5f5f5;
}

.nav-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    transition: all 0.3s ease;
}

.nav-link:hover .nav-icon {
    transform: scale(1.1);
}

.link-text {
    margin-left: 5px;
}

.dropdown-icon {
    margin-left: auto;
    transition: transform 0.3s ease;
    width: 12px;
    height: 12px;
}

/* Dropdown menu visible by default */
.dropdown-menu {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: #f9f9f9;
}

/* Optional: keep ability to collapse via utility class */
.nav-item.dropdown .dropdown-menu.is-hidden {
    display: none;
}

/* Remove hover dependency */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu li {
    padding: 0;
    border-bottom: 1px solid #eee;
}

.dropdown-menu li:last-child {
    border-bottom: none;
}

.dropdown-menu a {
    padding: 12px 15px 12px 45px;
    display: block;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Icon size for submenu */
.dropdown-menu a .nav-icon {
    margin-right: 18px;
    width: 16px;
    height: 16px;
}

.dropdown-menu a:hover {
    background-color: #f0f0f0;
}

/* Rotate dropdown icon when dropdown is active */
.dropdown .dropdown-icon {
    transform: rotate(180deg);
}

/* Basic responsive tweaks */
@media (max-width: 768px) {
    .nav-link { padding: 12px; }
    .dropdown-menu { width: 100%; }
    .scroll-x1,
    .scroll-x {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory; /* opsional biar snap */
    }

    .scroll-x > * {
    min-width: 1050px; /* item tetap punya lebar saat di scroll */
    scroll-snap-align: center; /* opsional */
    }
    .scroll-x1 > * {
    min-width: 100px; /* item tetap punya lebar saat di scroll */
    scroll-snap-align: center; /* opsional */
    }
}

@media (max-width: 480px) {
    #mobile-preview .preview-embed-container iframe {
        height: 95vh !important;
    }
    button.adityo-checkout-button.added {
        display: none;
    }
    a.added_to_cart.wc-forward {
        font-size: 9px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.single-post blockquote:not(.post-format-quote) {
    text-align: left !important;
    padding: 15px 2% !important;
}

._mode_active {
    background: #AA2820;
}

/* flags multilingual */
.cpel-switcher__lang,
.cpel-switcher__lang--active {
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 4px;
}

.cpel-switcher__lang--active {
    padding-right: 7px;
    padding-left: 7px;
    background: #AA2820;
}

.cpel-switcher__lang--active span.cpel-switcher__code {
    color: #fff;
}