.elementor-1070 .elementor-element.elementor-element-713aee7f{--display:flex;--margin-top:0px;--margin-bottom:31px;--margin-left:0px;--margin-right:0px;}.elementor-1070 .elementor-element.elementor-element-a88bddb .catalog-toolbar__active-filters:not(.hidden){margin:39px 0px 0px 0px;}.ecomus-rtl-smart .elementor-1070 .elementor-element.elementor-element-a88bddb .catalog-toolbar__active-filters:not(.hidden){margin:39px 0px 0px 0px;}.elementor-1070 .elementor-element.elementor-element-a88bddb .catalog-toolbar__result-count{color:#070707;}.elementor-1070 .elementor-element.elementor-element-74bd5120{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:-5px;--margin-left:0px;--margin-right:0px;}.elementor-1070 .elementor-element.elementor-element-25c38fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1070 .elementor-element.elementor-element-58015de4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:-12px;--margin-left:0px;--margin-right:0px;}.elementor-1070 .elementor-element.elementor-element-58015de4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1070 .elementor-element.elementor-element-111c584 .elementor-heading-title{font-family:"Graphik Webfont", Sans-serif;font-size:12px;font-weight:400;letter-spacing:0px;color:#7F7F7F;}.elementor-1070 .elementor-element.elementor-element-144dd665{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1070 .elementor-element.elementor-element-610b8b8c .catalog-toolbar__item{justify-content:flex-end;}.elementor-1070 .elementor-element.elementor-element-610b8b8c .woocommerce-ordering select{--em-input-color:#DBDBDB;--em-input-border-width:0px;--em-input-rounded:12px 12px 12px 12px;}.ecomus-rtl-smart .elementor-1070 .elementor-element.elementor-element-610b8b8c .woocommerce-ordering select{--em-input-rounded:12px 12px 12px 12px;}.elementor-1070 .elementor-element.elementor-element-610b8b8c .woocommerce-ordering select:hover{--em-input-color:#E4E4E4;}.elementor-1070 .elementor-element.elementor-element-068a982{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1070 .elementor-element.elementor-element-678c1788{--display:flex;}.elementor-1070 .elementor-element.elementor-element-1dcdc6b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:32px;--margin-left:0px;--margin-right:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1070 .elementor-element.elementor-element-b312598{--divider-border-style:solid;--divider-color:#BEBEBE;--divider-border-width:1.8px;}.elementor-1070 .elementor-element.elementor-element-b312598 .elementor-divider-separator{width:100%;}.elementor-1070 .elementor-element.elementor-element-b312598 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1070 .elementor-element.elementor-element-7a7f4a0{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:71px;--margin-left:0px;--margin-right:0px;}.ecomus-woocommerce-elementor.ecomus-elementor-id-1070 .site-content{padding-top:42px;padding-bottom:100px;}body.elementor-page-1070 .site-content{padding-top:42px;padding-bottom:100px;}@media(max-width:1024px){.elementor-1070 .elementor-element.elementor-element-7a7f4a0{--grid-auto-flow:row;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.ecomus-woocommerce-elementor.ecomus-elementor-id-1070 .site-content{padding-top:31px;padding-bottom:100px;}body.elementor-page-1070 .site-content{padding-top:31px;padding-bottom:100px;}}@media(min-width:768px){.elementor-1070 .elementor-element.elementor-element-74bd5120{--content-width:1230px;}.elementor-1070 .elementor-element.elementor-element-25c38fb{--width:8%;}.elementor-1070 .elementor-element.elementor-element-58015de4{--width:73%;}.elementor-1070 .elementor-element.elementor-element-144dd665{--width:18%;}.elementor-1070 .elementor-element.elementor-element-678c1788{--content-width:1230px;}.elementor-1070 .elementor-element.elementor-element-1dcdc6b{--content-width:1230px;}.elementor-1070 .elementor-element.elementor-element-7a7f4a0{--content-width:1230px;}}@media(max-width:767px){.elementor-1070 .elementor-element.elementor-element-25c38fb{--width:33.333%;}.elementor-1070 .elementor-element.elementor-element-58015de4{--width:33.333%;}.elementor-1070 .elementor-element.elementor-element-144dd665{--width:33.333%;}.elementor-1070 .elementor-element.elementor-element-7a7f4a0{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:53px;--margin-left:0px;--margin-right:0px;}.ecomus-woocommerce-elementor.ecomus-elementor-id-1070 .site-content{padding-top:22.5px;padding-bottom:75px;}body.elementor-page-1070 .site-content{padding-top:22.5px;padding-bottom:75px;}}/* Start custom CSS for ecomus-archive-product-ordering, class: .elementor-element-610b8b8c *//* =========================================================
   DROPDOWN PRODUCT SORTING - UBAH WARNA BIRU HOVER MENJADI KUNING
========================================================= */

/* Mengubah warna background option yang dihover (biru -> kuning) */
.catalog-toolbar__item .woocommerce-ordering .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #dbdbdb !important;
    color: #000000 !important;
    border-radius: 0px !important;
}

/* Mengubah warna hover pada options (biru -> kuning muda) */
.catalog-toolbar__item .woocommerce-ordering .select2-container--default .select2-results__option:hover {
    background-color: #efefef !important;
    color: #000000 !important;
    border-radius: 0px !important;
}

/* Border radius untuk dropdown container */
.catalog-toolbar__item .woocommerce-ordering .select2-container--default .select2-dropdown {
    border-radius: 5px !important;
}

/* Border radius untuk setiap option item */
.catalog-toolbar__item .woocommerce-ordering .select2-container--default .select2-results__option {
    border-radius: 0px !important;
}



/* Border radius untuk outline luar (select box utama) */
.catalog-toolbar__item .woocommerce-ordering .select2-container--default .select2-selection--single {
    border-radius: 25px !important;
    border-width: 2px !important; /* Outline lebih tebal */
    border-color: #d1d1d1 !important; /* Warna border */
    transition: all 0.3s ease !important; /* Transisi untuk hover effect */
    height: 35px !important; /* Lebih gepeng secara vertikal */
    padding-top: 6px !important; /* Adjust padding vertikal */
    padding-bottom: 6px !important; /* Adjust padding vertikal */
}

/* Efek hover dengan bayangan */
.catalog-toolbar__item .woocommerce-ordering .select2-container--default .select2-selection--single:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-color: #a1a1a1 !important; /* Border sedikit lebih gelap saat hover */
}/* End custom CSS */
/* Start custom CSS for ecomus-archive-products, class: .elementor-element-31ed945 *//* =========================================================
   JARAK SEDANG - OPTIMAL
========================================================= */
.product-inner {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.product-summary.em-flex.em-flex-column.em-flex-align-center.text-center {
    align-items: flex-start !important;
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-top: 5px !important;
    width: 100% !important;
    gap: 3px !important;
}

.product-summary > * {
    order: 10 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}








/* =========================================================
   TITLE PRODUK
========================================================= */
.woocommerce-loop-product__title.em-font-normal,
.product-summary .woocommerce-loop-product__title {
    order: 1 !important;
    margin: 0 0 -3px 0 !important;
    line-height: 1.3 !important;
    font-size: 13.5px !important;
    font-weight: 450 !important;
}


/* Saat hover: warna hitam */
.woocommerce-loop-product__title.em-font-normal a:hover,
.product-summary .woocommerce-loop-product__title a:hover {
    color: #000 !important; /* hitam saat hover */
    text-decoration: none !important;
}





/* =========================================================
   HARGA PRODUK
========================================================= */
.product-summary .price {
    order: 2 !important;
    margin: 0 -6px -2px 0 !important;
    line-height: 1.3 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    color: #222 !important;
    font-size: 16.5px !important;
    font-weight: 700 !important;
    position: relative !important;
    left: 0 !important;
}

.product-summary .price del {
    color: #888 !important;
    font-size: 12px !important;
}

.product-summary .price ins {
    text-decoration: none !important;
    color: #009688 !important;
}

.product-summary .price .screen-reader-text {
    display: none !important;
}

/* =========================================================
   VARIABEL UNTUK UKURAN FONT 12px
========================================================= */
:root {
    --vendor-label-size: 11.5px;    /* Ukuran label "Seller by" */
    --store-name-size: 11px;      /* Ukuran nama toko */
    --sales-size: 12px;           /* Ukuran total sales */
    --rating-size: 12px;          /* Ukuran rating count */
    --digital-size: 11px;         /* Ukuran label digital */
}

/* =========================================================
   META PENJUAL (VENDOR) - POPPINS
========================================================= */
.sold-by-meta.vendor-type-avatar.vendor-position-after-price {
    order: 3 !important;
    margin: 0 0 -4px 0 !important;
    font-family: 'Poppins', sans-serif !important;
}

ul.products li.product .sold-by-meta img {
    margin-right: -15px !important;
    visibility: hidden !important;
}

.woocommerce ul.products li.product .sold-by-meta {
    margin-top: -13px !important;
    line-height: 1.6;
    font-weight: 350 !important;
    font-family: 'Poppins', sans-serif !important;
}

.sold-by-meta .vendor-name {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Label "Seller by" */
.seller-label {
    display: inline-block !important;
    font-size: var(--vendor-label-size) !important; /* 12px */
    color: #2c2c2c !important;
    margin-right: 5px !important;
    text-transform: none !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Nama toko vendor */
.sold-by-meta .store-name {
    position: relative;
    color: #2c2c2c !important;
    font-size: var(--store-name-size) !important; /* 12px */
    font-weight: 350 !important;
    letter-spacing: 0.2px !important;
    text-decoration: none;
    transition: color 0.3s ease;
    font-family: 'Poppins', sans-serif !important;
}

.sold-by-meta .store-name::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 0;
    height: 1.2px;
    background-color: #2e2e2e;
    transition: width 0.25s ease;
}

.sold-by-meta .store-name:hover {
    color: #2e2e2e;
}

.sold-by-meta .store-name:hover::after {
    width: 100%;
}

/* =========================================================
   RATING DAN TOTAL SALES - POPPINS
========================================================= */
.ecomus-total-sales {
    order: 3 !important;
    margin: -3.5px 0 0 0 !important;
    font-weight: 300 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: var(--sales-size) !important; /* 12px */
}

.ecomus-rating.em-flex.em-flex-align-center {
    order: 4 !important;
    margin: -5px 0 -22px 0 !important;
    position: relative !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Ukuran dan tampilan rating di archive */
.woocommerce ul.products li.product .ecomus-rating {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    order: 4 !important;
    margin: -4px 0 -20px 0 !important;
    font-size: 0 !important;
    font-family: 'Poppins', sans-serif !important;
}

.woocommerce ul.products li.product .ecomus-rating .ecomus-svg-icon {
    width: 13px !important;
    height: 14px !important;
    margin-right: 2px !important;
}

.woocommerce ul.products li.product .ecomus-rating .review-count {
    font-size: var(--rating-size) !important; /* 12px */
    margin-left: 5px !important;
    color: #444 !important;
    font-family: 'Poppins', sans-serif !important;
}

.single-product .ecomus-rating .ecomus-svg-icon,
.single-product .ecomus-rating .review-count {
    all: unset !important;
}

/* =========================================================
   LABEL DIGITAL DOWNLOAD - POPPINS
========================================================= */
.ecomus-digital-download {
    order: 6 !important;
    margin: 15px 0 -25px 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #555 !important;
    font-size: var(--digital-size) !important; /* 12px */
    font-weight: 350 !important;
    font-family: 'Poppins', sans-serif !important;
}

.ecomus-digital-download i {
    color: #555 !important;
}

/* =========================================================
   TOMBOL ADD TO CART
========================================================= */
.product-summary .em-button-add-to-cart-mobile,
.product-summary .product-loop-button-atc {
    justify-content: center !important;
    text-align: center !important;
    width: 55% !important;
    background-color: #ffffff !important; /* Putih */
    border-radius: 35px !important;
    border: 1px solid #000000 !important; /* Outline hitam */
    color: #000000 !important; /* Tulisan hitam */
    padding: 6px 0 !important;
    height: 32px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

/* Tambahkan icon + dengan pseudo element */
.product-summary .em-button-add-to-cart-mobile::before,
.product-summary .product-loop-button-atc::before {
    content: "+" !important;
    position: absolute !important;
    left: 25px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    color: #000000 !important;
}

/* HOVER EFFECT - OUTLINE BERUBAH MERAH */
.product-summary .em-button-add-to-cart-mobile:hover,
.product-summary .product-loop-button-atc:hover {
    background-color: #181818 !important;
    border-color: #181818 !important; /* Outline berubah merah */
    transform: translateY(-2px) !important;
}

/* Saat hover, icon + berubah jadi putih */
.product-summary .em-button-add-to-cart-mobile:hover::before,
.product-summary .product-loop-button-atc:hover::before {
    color: white !important;
}

.product-summary .em-button-add-to-cart-mobile .ecomus-svg-icon svg,
.product-summary .product-loop-button-atc .ecomus-svg-icon svg {
    fill: #000000 !important; /* Icon hitam */
    color: #000000 !important; /* Icon hitam */
}

/* Saat hover, icon tetap putih seperti semula */
.product-summary .em-button-add-to-cart-mobile:hover .ecomus-svg-icon svg,
.product-summary .product-loop-button-atc:hover .ecomus-svg-icon svg {
    fill: white !important;
    color: white !important;
}

.product-summary .em-button-add-to-cart-mobile .add-to-cart__text,
.product-summary .product-loop-button-atc .add-to-cart__text {
    color: #000000 !important; /* Tulisan hitam */
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    font-size: 14px !important;
    font-weight: 350 !important;
    padding-left: 10px !important; /* Kasih space untuk icon + */
}

/* Saat hover, text tetap putih seperti semula */
.product-summary .em-button-add-to-cart-mobile:hover .add-to-cart__text,
.product-summary .product-loop-button-atc:hover .add-to-cart__text {
    color: white !important;
}

/* Bayangan tombol */
a.product-loop-button-atc:hover,
a.em-button:hover,
a.ecomus-button:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25) !important;
    transform: translateY(-3px) !important;
    transition: all 0.25s ease !important;
}

a.product-loop-button-atc,
a.em-button,
a.ecomus-button {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.25s ease !important;
}

/* =========================================================
   TOMBOL WISHLIST
========================================================= */
.product-featured-icons.product-featured-icons--primary {
    right: 10px !important;
    top: 10px !important;
    left: auto !important;
    bottom: auto !important;
}

.wcboost-wishlist-button {
    background: white !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
    transition: all 0.3s ease !important;
}

.wcboost-wishlist-button:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

.wcboost-wishlist-button__text {
    display: none !important;
}

.wcboost-wishlist-button .em-flex {
    justify-content: center !important;
    align-items: center !important;
}

/* =========================================================
   BADGE KHUSUS (DISKON / NEW)
========================================================= */
.sqetsa-price-badge-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sqetsa-badge {
    font-size: 12px;
    font-weight: 3030;
    padding: 3px 10px;
    border-radius: 3px;
    color: #1c1c1c;
    text-transform: uppercase;
}

.sqetsa-badge.discount { background-color: #7fda69; }
.sqetsa-badge.new { background-color: #2c2c2c; }

.woocommerce-badges.sold-out--center,
.woocommerce-badges .onsale {
    display: none !important;
}

/* =========================================================
   LABEL STOCK
========================================================= */
ul.products li.product .sqetsa-stock-label {
    position: absolute;
    right: 16px;
    bottom: 60px;
    display: flex;
    align-items: center;
    gap: 3px;
    color: #838383;
    font-size: 12px;
    font-weight: 600;
    z-index: 5;
}

ul.products li.product {
    position: relative !important;
}

.sqetsa-stock-label .stock-icon {
    font-size: 11px;
    line-height: 1;
}

/* =========================================================
   TOMBOL CONTACT VENDOR
========================================================= */
ul.products li.product .contact-vendor-button {
    position: absolute !important;
    right: 11px !important;
    bottom: 27px !important;
    background: none !important;
    border: none !important;
    color: #2c2c2c !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    cursor: pointer !important;
    transition: color 0.25s ease !important;
}

ul.products li.product .contact-vendor-button::after {
    content: "→";
    font-size: 24px !important;
    transition: transform 0.25s ease, color 0.25s ease;
}

ul.products li.product .contact-vendor-button:hover {
    color: #2e2e2e !important;
}

ul.products li.product .contact-vendor-button:hover::after {
    transform: translateX(4px);
    color: #2e2e2e !important;
}

/* =========================================================
   BORDER RADIUS UNTUK THUMBNAIL PRODUK
========================================================= */
.product-thumbnail,
.product-thumbnail img {
    border-radius: 3.5px !important;
    overflow: hidden !important;
}

/* Untuk semua layar */
ul.products {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

ul.products li.product {
    padding-left: 7px !important;
    padding-right: 8px !important;
    margin-bottom: 4px !important; /* Ganti dengan nilai positif */
}

/* Jika ingin jarak vertikal lebih rapat, gunakan margin bottom kecil */
ul.products li.product {
    padding-left: 7px !important;
    padding-right: 8px !important;
    margin-bottom: 0px !important; /* Atau 0px untuk benar-benar rapat */
}



li.product:hover .product-thumbnail {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Graphik Webfont';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sqetsa.com/wp-content/uploads/2025/10/105007d99d9df64c50cc24d696d79555.ttf') format('truetype');
}
@font-face {
	font-family: 'Graphik Webfont';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sqetsa.com/wp-content/uploads/2025/10/Graphik-Web-Regular-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */