/*
Theme Name: Astra Child - Black & Electric Orange
Theme URI: https://wpastra.com/
Description: Child theme for Astra with a Black & Electric Orange gaming-store color system.
Author: Custom Child Theme
Template: astra
Version: 1.0.0
Text Domain: astra-child-black-orange
*/

/* Brand colors */
:root {
  --gaming-black: #171717;
  --gaming-charcoal: #252525;
  --gaming-orange: #FF6B24;
  --gaming-yellow: #FFD447;
  --gaming-white: #FFFFFF;
  --gaming-light: #F5F5F5;
  --gaming-text: #202020;
  --gaming-muted: #6B7280;
}

/* Base */
body {
  color: var(--gaming-text);
}

/* Header: solid dark background (also helps if transparent header is enabled accidentally) */
#masthead,
.ast-primary-header-bar,
.ast-desktop-header-content,
.ast-mobile-header-content {
  background-color: var(--gaming-black);
}

#masthead .main-header-menu > .menu-item > .menu-link,
#masthead .ast-header-button-1 .ast-custom-button,
#masthead .site-title a,
#masthead .site-description,
#masthead .ast-builder-menu-mobile .main-header-menu .menu-item > .menu-link,
#masthead .ast-mobile-menu-trigger-minimal {
  color: var(--gaming-white);
}

#masthead .main-header-menu > .menu-item > .menu-link:hover,
#masthead .main-header-menu > .menu-item.current-menu-item > .menu-link,
#masthead .ast-header-break-point .main-header-menu .menu-item > .menu-link:hover {
  color: var(--gaming-orange);
}

/* Buttons */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.wp-element-button,
.wp-block-button__link,
.ast-button,
.ast-custom-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.add_to_cart_button,
.woocommerce a.checkout-button {
  background-color: var(--gaming-orange);
  border-color: var(--gaming-orange);
  color: var(--gaming-black);
  border-radius: 6px;
  font-weight: 700;
  transition: background-color .2s ease, transform .2s ease;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.wp-element-button:hover,
.wp-block-button__link:hover,
.ast-button:hover,
.ast-custom-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.add_to_cart_button:hover,
.woocommerce a.checkout-button:hover {
  background-color: #E95712;
  border-color: #E95712;
  color: var(--gaming-black);
  transform: translateY(-1px);
}

/* Links and focus states */
a {
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--gaming-orange);
  outline-offset: 3px;
}

/* Headings */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  color: var(--gaming-black);
}

/* WooCommerce product cards */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  border: 1px solid #E8E8E8;
  border-radius: 10px;
  padding: 14px;
  background: var(--gaming-white);
  transition: box-shadow .2s ease, transform .2s ease;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
  transform: translateY(-2px);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #D94A0D;
  font-weight: 700;
}

/* Sale badge */
.woocommerce span.onsale {
  background-color: var(--gaming-yellow);
  color: var(--gaming-black);
  border-radius: 4px;
  font-weight: 700;
}

/* Footer */
.site-footer,
.ast-small-footer,
.ast-footer-overlay {
  background-color: var(--gaming-black);
  color: #E5E5E5;
}

.site-footer a,
.ast-small-footer a,
.ast-footer-overlay a {
  color: var(--gaming-white);
}

.site-footer a:hover,
.ast-small-footer a:hover,
.ast-footer-overlay a:hover {
  color: var(--gaming-orange);
}

/* Keep page content readable */
.site-content {
  background-color: var(--gaming-white);
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/*AMBIL DARI MITRA TOKO*/
.site-logo-img {
  max-width: 160px;
  display: block;
}
.ast-scroll-to-top-right {
    right: 20px;
    bottom: 80px;
}
@media (max-width: 921px) {
.site-logo-img {
  max-width: 135px;
  display: block;
}
}
.ast-site-title-wrap {
  display: none !important;
}
.woocommerce-js .woocommerce-breadcrumb {
  display: none;
}
@media (max-width: 650px) {
  .footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu .menu-item, ol li {
    padding: 5px 0;
  }
}
/*============== GAYA KOTAK =================*/
body {
  background-color: #d5d9df !important;
}
#page {
  position: relative;
  max-width: 1200px;
  margin: 0 auto 60px auto;
  background-color: #fff;
}
.ast-breadcrumbs-wrapper .trail-items a {
  color: #e5ff00;
}
.ast-breadcrumbs-wrapper .trail-items li::after {
  color: #e5ff00;
}
.ast-breadcrumbs-wrapper .trail-items .trail-end {
  color: #fff;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
  fill: #fff;
}
.site-primary-footer-wrap {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 993px) {
  .ast-right-sidebar #primary {
    padding-right: 20px;
  }
}
@media (min-width: 993px) {
  .ast-right-sidebar #secondary {
    padding-left: 20px;
  }
}
@media (min-width: 993px) {
  .ast-left-sidebar #primary {
    padding-left: 20px;
  }
}
@media (min-width: 993px) {
  .ast-left-sidebar #secondary {
    padding-right: 20px;
  }
}

@media (max-width: 921px) {
  #secondary {
    display: none !important;
  }
}
/*============== AKHIR GAYA KOTAK =================*/

/*=== MENU HEADER MOBILE ===*/
.site-header-section > * {
  padding: 0 10px;
}
.site-header-section > div:last-child {
  padding-right: 0;
  padding-left: 0;
}
/*=== AKHIR MENU HEADER MOBILE ===*/

/*==========MENU FOOTER MELAYANG============*/
.site-below-footer-wrap {
  padding-top: 0;
  padding-bottom: 0;
}
.site-footer-below-section-1.site-footer-section.site-footer-section-1 a {
    color: #000000;
}
.site-below-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-full.ast-builder-grid-row-tablet-full.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack {
  position: fixed;
  bottom: 0;
  z-index: 9999;
  max-width: 1200px;
}
.site-below-footer-wrap[data-section=section-below-footer-builder] {
    background-color: var(--ast-global-color-5);
    background-image: none;
    min-height: 60px;
    border-style: solid;
    border-width: 0;
    border-top-width: 1px;
    border-top-color: #eaeaea;
    max-height: 60px;
}
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 500;
	margin-top: 15px;
	color: #171717;
}
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner section {
    width: 20%;
	margin-bottom: 0 !important;
}
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner .wp-block-media-text__media img {
    height: auto;
    max-width: 20px;
    vertical-align: middle;
    width: 100%;
}
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner .wp-block-media-text {
    box-sizing: border-box;
    direction: ltr;
    display: block;
}
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner p {
    margin-bottom: 0 !important;
}

aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner .wp-block-woocommerce-customer-account a {
    align-items: center;
    color: currentColor !important;
    display: grid;
    text-decoration: none !important;
	margin: 0 auto;
}
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner .wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
    box-sizing: content-box !important;
    height: 1.7em;
    padding: 0;
    width: 1.7em;
    margin: 0px auto 2px auto;
}
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner .wp-block-woocommerce-customer-account .label {
    margin-bottom: -4px;
}
.wp-block-media-text.is-stacked-on-mobile.is-vertically-aligned-center.ikonberanda img {
  width: 22px !important;
}
.wp-block-media-text.is-stacked-on-mobile.tambah.has-background {
  padding: .7em;
  width: max-content;
  margin: -4px auto 0 auto;
  border-radius: 4px;
}
.wp-block-media-text.is-stacked-on-mobile.tambah.has-background img {
  max-width: 25px !important;
  width: 25px !important
}
@media (max-width: 921px) {
  .site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-stack .site-footer-section {
    display: block;
    margin-bottom: 0;
  }
}
@media (max-width: 544px) {
  .site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
    display: block;
    margin-bottom: 0;
  }
}
.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"].footer-widget-area-inner {
  text-align: center;
}
.avatar.avatar-48.photo.wc-block-customer-account__avatar {
  max-width: 30px;
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart.keranjang-bawah button {
  padding: 0;
  background: none;
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart.keranjang-bawah::after {
  content: "Orderan";
}
/*==========AKHIR MENU FOOTER MELAYANG============*/

/*GALERI PRODUK*/
.woocommerce ul.products, .woocommerce-page ul.products {
  display: grid;
  grid-gap: 20px 20px;
}
.woocommerce-js ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    margin-bottom: .5em;
    padding: 0;
    font-size: 1em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.86rem;
    line-height: 1.5;
}
.woocommerce-js ul.products li.product a img, .woocommerce-page ul.products li.product a img {
  margin-bottom: 0;
}
.woocommerce-js ul.products li.product .price, .woocommerce-page ul.products li.product .price {
  line-height: 1.3;
  font-weight: 700;
  font-size: 1.1em;
}
.astra-shop-summary-wrap .ast-woo-product-category {
  color: #000 !important;
}
.woocommerce-js ul.products li.product .button, .woocommerce-page ul.products li.product .button {
    margin-top: .5em;
    margin-bottom: .5em;
    white-space: normal;
    display: none;
}
.astra-shop-summary-wrap {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    vertical-align: middle;
    height: auto;
    width: 100%;
    padding: 8px;
    overflow: hidden;
    background-color: var(--NN0, #FFFFFF);
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    position: relative;
    display: flex;
    flex-direction: column;
    -moz-box-pack: justify;
    justify-content: space-between;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.22) 0px 1px 4px;
    border-radius: 9px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}
.woocommerce-js ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: left;
    margin-bottom: 0;
}

#wcfmmp-store .product_area .products-wrapper ul li.product {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.products.columns-4 .wcfmmp_sold_by_container {
  display: none;
}
/*BATAS GALERI PRODUK*/

/*============ Pengaturan Halaman Akunku ============*/
/* Mengubah tata letak menu My Account menjadi tab horizontal */
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  width: 100%;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard, .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads, .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout {
  display: none;
}
.woocommerce-MyAccount-navigation {
    display: flex;
    justify-content: space-around;
	margin-bottom: 10px;
    border-bottom: 3px solid #386893;
}
.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 10px 0;
  font-size: 0.8em;
}

.woocommerce-MyAccount-navigation li.is-active {
    background-color: #fff; /* Warna tab aktif */
    font-weight: bold; /* Atur tebal tulisan untuk tab aktif */
}
.woocommerce-MyAccount-navigation ul {
  display: flex;
  list-style: none;
  padding: 0;
  width: 100%;
}
.woocommerce-MyAccount-navigation ul li {
  width: 20%;
  flex-grow: 1;
  text-align: center;
  background-color: #f0f0f0;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wcfm-store-manager a::before, body.storefront .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wcfm-store-manager a::before {
  content: "\f54e" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 300;
  width: 100%;
  display: block;
  font-size: 25px;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders a::before {
  content: "\f290";
  font-family: "Font Awesome 5 Free";
  font-weight: 300;
  width: 100%;
  display: block;
  font-size: 25px;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address a::before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 300;
  width: 100%;
  display: block;
  font-size: 25px;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--inquiry a::before {
  content: "\f059";
  font-family: "Font Awesome 5 Free";
  font-weight: 300;
  width: 100%;
  display: block;
  font-size: 25px;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account a::before {
  content: "\f4fe";
  font-family: "Font Awesome 5 Free";
  font-weight: 300;
  width: 100%;
  display: block;
  font-size: 25px;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--wcfm-store-manager a {
    font-size: 0;
	padding: 10px 0 5px 0;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--wcfm-store-manager a::after {
    content: "Tokoku";
    font-size: 12px;
}
/*============ Batas Pengaturan Halaman Akunku ============*/

/*========= SINGLE PAGE WOOCOMMERCE =================*/
.woocommerce-js div.product div.images .flex-control-thumbs {
    overflow: hidden;
    zoom: 1;
    margin: 0;
    padding: 0;
    display: flex;
    column-gap: 0.3em;
}
.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 24%;
    width: calc(25% - .75em);
    margin-right: 0;
    margin-bottom: 1em;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  display: inline-block;
  background-color: #fbfafa;
  padding: 0 15px;
  margin: 0;
  border-right: 1px solid #f0efed;
}
.woocommerce-product-details__short-description p {
  margin-bottom: .8em;
}
a.wcfm_catalog_enquiry {
  background: #1c2b36 !important;
  border-bottom: #1c2b36;
}
.woocommerce-js div.product .product_meta {
  border-top: 1px solid var(--ast-border-color);
  padding: .5em 0;
  font-size: .9em;
  margin: 0.8em 0 .8em;
  border-bottom: 1px solid var(--ast-border-color);
}
.product_meta a {
  color: #1c2b36;
  font-weight: bold !important;
  font-style: italic;
}
.wcfm_ele_wrapper.wcfm_catalog_enquiry_button_wrapper {
  border-top: 1px solid var(--ast-border-color);
}
@media (max-width: 625px) {
  .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
    display: block;
    margin-right: 0;
    background-color: #f9f9f9;
    margin-bottom: 12px;
    padding-left: 10px;
    height: 40px;
    border: 1px solid #dbd6d0;
  }
}
/*========= AKHIR SINGLE PAGE WOOCOMMERCE =================*/

/*=== MENU HEADER DESKTOP ===*/
.header-widget-area[data-section="sidebar-widgets-header-widget-1"] {
  display: contents;
}
.header-widget-area.widget-area.site-header-focus-item.header-widget-area-inner section {
  margin-bottom: 0;
  vertical-align: middle;
  display: inline-flex;
}
.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input {
  padding-top: 2px;
  padding-bottom: 2px;
  width: 500px;
  height: 32px;
  border-radius: 5px;
}
@media (min-width: 922px) {
.ast-site-header-cart-li {
    background-color: transparent;
    border-radius: 2px;
    margin: 0 10px;
  }
.ast-site-header-cart-li:hover{
	background-color:none;
}
.ast-addon-cart-wrap.ast-desktop-cart-position-.ast-cart-mobile-position-.ast-cart-tablet-position- {
  padding: 0;
  border: none;
}
.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section svg {
  color: #ffcd57;
}
.ast-site-header-cart .ast-addon-cart-wrap i.astra-icon::after, .ast-theme-transparent-header .ast-site-header-cart .ast-addon-cart-wrap i.astra-icon::after {
  color: #171717;
  background-color: #ffcd57;
}
}
.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
  background-color: #fff;
  color: #000;
  font-weight: 550;
  border-radius: 3px;
  font-size: 14px;
  padding: 9px 15px;
  text-transform: uppercase;
  letter-spacing: .1rem;
  border: 1px solid;
}
.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button:hover {
  background-color: #d5d9df;
}
/* ATAS HEADER */
.ast-above-header-bar .site-above-header-wrap {
  max-height: 30px;
  min-height: 30px;
}
.ast-above-header.ast-above-header-bar {
  background-color: #171717;
  padding: 0 20px;
  font-size: 13px;
}
.ast-above-header-bar {
  border-bottom-width: 2px;
  border-bottom-color: #1e1f20;
  border-bottom-style: solid;
}
.ast-desktop .ast-above-header-bar .main-header-menu > .menu-item {
  line-height: 30px;
}
#ast-hf-menu-1 {
  background: inherit;
}

.main-header-menu .menu-link, .main-header-menu > a {
  text-decoration: none;
  padding: 0 1em 0 0;
  display: inline-block;
  transition: all .2s linear;
}
.ast-builder-menu-1 .menu-item:hover > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle {
  color: #ff9600;
}
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link {
  color: #fff;
}
/* AKHIR ATAS HEADER */
/*=== AKHIR MENU HEADER DESKTOP ===*/

/* PENGATURAN KHUSUS MOBILE */
@media (max-width: 921px) {
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
  min-height: 60px;
}
.site-header {
    z-index: 99;
    position: fixed;
    width: 100%;
}
.ast-site-header-cart .ast-addon-cart-wrap i.astra-icon:after {
    color: #fff;
    background-color: #1c2b36;
}
.main-header-bar.ast-header-breadcrumb {
    margin-top: 60px;
}
.ast-plain-container.ast-no-sidebar #primary {
  margin-top: 69px;
  margin-bottom: 0;
}
article#post-79 {
    margin-top: 75px;
}
}
@media (max-width: 544px) {
    .footer-widget-area[data-section=section-footer-menu] .astra-footer-mobile-vertical-menu {
        display: flex;
    }
}
/* Menu MOBILE */
.ast-mobile-header-content a.ast-custom-button-link {
    display: block;
    margin-left: 20px;
    margin-top: 5px;
}
.ast-mobile-header-content .ast-custom-button {
    background-color: #046bd2 !important;
    color: #fff !important;
}
ul#ast-hf-mobile-menu {
    margin-top: 15px;
	background-color: #171717;
}
ul#ast-hf-mobile-menu li {
    border-top: 1px dotted #d9d9d9;
}
ul#ast-hf-mobile-menu li a:before {
    content: '\f138';
    font-family: 'Font Awesome 5 Free';
    margin-right: 5px;
    color: #046bd2;
}
/* Menu MOBILE end */
/* AKHIR PENGATURAN KHUSUS MOBILE */

/* === BLOG === */
.ast-blog-layout-5-grid .ast-article-post {
    margin-bottom: 20px !important;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .22) 0px 1px 4px;
    border-radius: 9px;
    padding: 10px !important;
}
.ast-blog-layout-5-grid .ast-article-inner {
    box-shadow: none !important;
}
.ast-excerpt-container.ast-blog-single-element p {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* === BLOG end === */

/* === POST TUNGGAL (ARTIKEL) === */
/* === judul subjudul === */
.entry-content h4 {
    font-size: 1.3rem;
}
.entry-content h3, .entry-content h4 {
  display: flex;
  align-items: center;
}
.entry-content h3:before {
    content: '\f12a';
    font-family: 'dashicons';
    color: #046bd2;
    margin-right: 5px;
    margin-top: 3px;
    line-height: normal;
    font-size: 90%;
}
.entry-content h4:before {
    content: '\f502';
    font-family: 'dashicons';
    color: #b9036e;
    margin-right: 5px;
    line-height: normal;
    font-size: 90%;
}
/* === judul subjudul end === */

/* Artikel Terkait bawaan */
.site .ast-single-related-posts-container {
    margin-top: 2em;
    padding: .8em 0 0 0 !important;
}
.ast-related-post-content {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .22) 0px 1px 4px;
    border-radius: 9px;
    padding: 10px;
}
.ast-related-post-featured-section.post-has-thumb {
    width: 40%;
    float: left;
    margin-right: 10px;
    background-color: #f0f0f0;
    height: auto;
}
.ast-page-builder-template .ast-related-post .entry-header, .ast-related-post-content .entry-header, .ast-related-post-content .entry-meta {
    margin: 0 auto !important;
    padding: 0;
}
.ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a {
    color: var(--ast-global-color-2);
    font-weight: 500;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: inherit !important;
    margin-bottom: 10px !important;
}
.ast-related-post-content .entry-meta, .ast-related-post-content .entry-meta * {
    font-size: .750rem !important;
    line-height: 1.5em !important;
}
/* Artikel Terkait bawaan end */
/* === POST TUNGGAL (ARTIKEL) end === */

/* DAFTAR ISI */

summary {
    background: #fff;
    padding: 15px;
    width: max-content;
    font-weight: bold;
    border: 1px solid #dbdbdb;
	max-width: 100%;
}
div#rank-math-toc {
    background: #fff;
    padding: 15px;
    width: auto;
    font-weight: bold;
    border: 1px solid #dbdbdb;
    margin-top: 1px;
	float: left;
    max-width: 100%;
}
#rank-math-toc > nav:before {
    content: 'Baca cepat bagian artikel ini dengan mengklik link di bawah:';
    font-weight: 400;
    font-style: italic;
    font-size: 0.9em;
}
#rank-math-toc nav ul li {
  list-style: decimal;
}
#rank-math-toc nav ul li ul li {
  list-style: none;
}
#rank-math-toc nav ul li ul li::before {
  content: '\f12a';
  font-family: 'dashicons';
  color: #046bd2;
  margin-right: 5px;
  vertical-align: middle;
  margin-left: -20px;
} 

/*BATASI COVER HALAMAN YANG LEWAT BATAS*/
.entry-content[data-ast-blocks-layout] .wp-block-cover:not(.alignleft):not(.alignright) {
  width: 100%;
  margin: auto;
}

.ast-plain-container.ast-no-sidebar .entry-content > .alignfull, .ast-page-builder-template .ast-no-sidebar .entry-content > .alignfull {
  margin-left: calc( -50vw + 50%);
  margin-right: calc( -50vw + 50%);
  max-width: 100vw;
  width: 100%;
  margin: auto;
  padding: 20px;
    padding-bottom: 20px;
}

.ast-page-builder-template .entry-content[data-ast-blocks-layout] > .inherit-container-width > *, .ast-page-builder-template .entry-content[data-ast-blocks-layout] > :not(.wp-block-group):where(:not(.uagb-is-root-container):not(.spectra-is-root-container)) > *, .entry-content[data-ast-blocks-layout] > .wp-block-cover .wp-block-cover__inner-container {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}


/* CSS khusus halaman beranda */
body.home .ast-container,
body.home .ast-container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

body.home .ast-primary-header-bar .site-primary-header-wrap {
  min-height: 110px;
  padding: 0 20px;
}
body.home .woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid) {
  grid-template-columns: repeat(4,1fr);
  padding: 20px;
}

/*UNTUK KATEGORI PRODUK*/
.woocommerce-js ul.products li.product .woocommerce-loop-category__title, .woocommerce-page ul.products li.product .woocommerce-loop-category__title {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.5;
  display: none;
}
/* Tampilan mobile */
@media (max-width: 767px) {
  body.home .woocommerce ul.products:not(.elementor-grid),
  .woocommerce-page ul.products:not(.elementor-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 10px;
    gap: 12px;
  }
}