.elementor-2960 .elementor-element.elementor-element-fd4f7f3 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-2960 .elementor-element.elementor-element-fd4f7f3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2960 .elementor-element.elementor-element-fd4f7f3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-2960 .elementor-element.elementor-element-fd4f7f3 > .elementor-element-populated, .elementor-2960 .elementor-element.elementor-element-fd4f7f3 > .elementor-element-populated > .elementor-background-overlay, .elementor-2960 .elementor-element.elementor-element-fd4f7f3 > .elementor-background-slideshow{border-radius:25px 25px 25px 25px;}.elementor-2960 .elementor-element.elementor-element-fd4f7f3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-2960 .elementor-element.elementor-element-fd4f7f3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2960 .elementor-element.elementor-element-033cc7b:not(.elementor-motion-effects-element-type-background), .elementor-2960 .elementor-element.elementor-element-033cc7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://padmamusicpublishing.com/wp-content/uploads/2024/10/bannerBg_shop-scaled.webp");background-position:center right;}.elementor-2960 .elementor-element.elementor-element-033cc7b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-2960 .elementor-element.elementor-element-033cc7b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2960 .elementor-element.elementor-element-d1fac45 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:16px;}.elementor-2960 .elementor-element.elementor-element-d1fac45 > .elementor-element-populated{margin:20px 0px 40px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:40px 40px 40px 40px;}.elementor-2960 .elementor-element.elementor-element-5168caf .woocommerce-breadcrumb{color:#FFFFFF;font-family:"Red Hat Display", Sans-serif;}.elementor-2960 .elementor-element.elementor-element-5168caf .woocommerce-breadcrumb > a{color:#FFFFFF;}.elementor-2960 .elementor-element.elementor-element-5168caf > .elementor-widget-container{margin:20px 0px -20px 0px;}.elementor-2960 .elementor-element.elementor-element-dcceab4 .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-weight:800;color:#FFFFFF;}.elementor-2960 .elementor-element.elementor-element-56e7ee5 .elementor-heading-title{font-family:"Red Hat Text", Sans-serif;font-weight:normal;color:#FFFFFF;}.elementor-2960 .elementor-element.elementor-element-c6dc774 > .elementor-element-populated{border-style:solid;border-width:0px 1px 0px 0px;border-color:#D1D5DC;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2960 .elementor-element.elementor-element-d27deb1 > .elementor-widget-container{margin:44px 40px 40px 60px;}.elementor-2960 .elementor-element.elementor-element-b13023d > .elementor-widget-container{margin:40px 40px 0px 40px;}.elementor-2960 .elementor-element.elementor-element-580f473 > .elementor-widget-container{margin:0px 40px 0px 40px;}.elementor-2960 .elementor-element.elementor-element-2a9336f{--grid-columns:4;--grid-row-gap:64px;}.elementor-2960 .elementor-element.elementor-element-2a9336f .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2960 .elementor-element.elementor-element-2a9336f .e-loop-item > .elementor-section, .elementor-2960 .elementor-element.elementor-element-2a9336f .e-loop-item > .elementor-section > .elementor-container, .elementor-2960 .elementor-element.elementor-element-2a9336f .e-loop-item > .e-con, .elementor-2960 .elementor-element.elementor-element-2a9336f .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2960 .elementor-element.elementor-element-2a9336f .elementor-pagination{text-align:center;margin-top:100px;}body:not(.rtl) .elementor-2960 .elementor-element.elementor-element-2a9336f .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2960 .elementor-element.elementor-element-2a9336f .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2960 .elementor-element.elementor-element-2a9336f .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2960 .elementor-element.elementor-element-2a9336f .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-2960 .elementor-element.elementor-element-2a9336f > .elementor-widget-container{margin:20px 40px 60px 40px;}@media(max-width:1024px){.elementor-2960 .elementor-element.elementor-element-2a9336f{--grid-columns:2;--grid-row-gap:64px;}}@media(max-width:767px){.elementor-2960 .elementor-element.elementor-element-033cc7b:not(.elementor-motion-effects-element-type-background), .elementor-2960 .elementor-element.elementor-element-033cc7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-2960 .elementor-element.elementor-element-d1fac45 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2960 .elementor-element.elementor-element-5168caf > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-2960 .elementor-element.elementor-element-2a9336f{--grid-columns:2;--grid-column-gap:12px;--grid-row-gap:28px;}body:not(.rtl) .elementor-2960 .elementor-element.elementor-element-2a9336f .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 0px/2 );}body:not(.rtl) .elementor-2960 .elementor-element.elementor-element-2a9336f .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 0px/2 );}body.rtl .elementor-2960 .elementor-element.elementor-element-2a9336f .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 0px/2 );}body.rtl .elementor-2960 .elementor-element.elementor-element-2a9336f .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 0px/2 );}.elementor-2960 .elementor-element.elementor-element-2a9336f .elementor-pagination{margin-top:0px;}.elementor-2960 .elementor-element.elementor-element-2a9336f > .elementor-widget-container{margin:0px 0px 40px 0px;padding:12px 12px 12px 12px;}}@media(min-width:768px){.elementor-2960 .elementor-element.elementor-element-c6dc774{width:24%;}.elementor-2960 .elementor-element.elementor-element-9fe7fcc{width:76%;}}/* Start custom CSS for wp-widget-wpc_filters_widget, class: .elementor-element-d27deb1 *//* =============================================================================
   Filter Everything (wpc-filters) — Padma catalog
   Scope: .wpc-filters-main-wrap (prepend ".elementor-2960 .elementor-element.elementor-element-d27deb1 " if pasted on Elementor widget)
   ============================================================================= */

/* -----------------------------------------------------------------------------
   0) Fonts
   ----------------------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;600;700&family=Red+Hat+Text:wght@400;500;600&display=swap");

.wpc-filter-set-widget-title {
    margin-bottom: 40px !important;
}

/* -----------------------------------------------------------------------------
   1) Base
   ----------------------------------------------------------------------------- */
.wpc-filters-main-wrap {
  --fe-text: #101828;
  color: var(--fe-text);
  font-family: "Red Hat Text", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.wpc-search-field {
    min-height: 48px !important;
}

.wpc-filter-earch-field {
    min-height: 44px !important;
}

.wpc-filters-main-wrap input.wpc-search-field,
.wpc-filters-main-wrap input.wpc-filter-search-field {
  font-family: "Red Hat Text", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--fe-text) !important;
}

/* -----------------------------------------------------------------------------
   2) Placeholders
   ----------------------------------------------------------------------------- */
.wpc-filters-main-wrap input.wpc-search-field::placeholder,
.wpc-filters-main-wrap input.wpc-filter-search-field::placeholder {
  color: #4a5565 !important;
  font-family: "Red Hat Text", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}

/* -----------------------------------------------------------------------------
   3) Collapsible only (Komposer) — thin chevron
   ----------------------------------------------------------------------------- */
.wpc-filters-main-wrap .wpc-filter-collapsible .wpc-filter-header .wpc-filter-title button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 0.5rem !important;
  text-align: start !important;
}

.wpc-filters-main-wrap .wpc-filter-collapsible .wpc-filter-header .wpc-filter-title button .wpc-open-icon::before,
.wpc-filters-main-wrap .wpc-filter-collapsible .wpc-filter-header .wpc-filter-title button .wpc-open-icon::after {
  content: none !important;
  display: none !important;
}

.wpc-filters-main-wrap .wpc-filter-collapsible .wpc-filter-header .wpc-filter-title button .wpc-open-icon {
  display: inline-block !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  width: 0.55rem !important;
  height: 0.55rem !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-right: 2px solid #101828 !important;
  border-bottom: 2px solid #101828 !important;
  background: none !important;
  box-shadow: none !important;
  transform: rotate(45deg) translateY(-1px);
  transform-origin: 50% 50%;
  transition: transform 0.2s ease;
  vertical-align: middle !important;
}

.wpc-filters-main-wrap .wpc-filter-collapsible.wpc-opened > .wpc-filter-header .wpc-filter-title button .wpc-open-icon {
  transform: rotate(-135deg) translateY(1px);
}

/* -----------------------------------------------------------------------------
   3b) Kategori — same font/size as Komposer title, NOT collapsible (no icon)
   ----------------------------------------------------------------------------- */
.wpc-filters-main-wrap .wpc-filters-section:not(.wpc-filter-collapsible) .widget-title.wpc-filter-title {
  font-family: "Red Hat Display", sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  color: var(--fe-text) !important;
}

/* -----------------------------------------------------------------------------
   4) Panel title + Komposer button label
   ----------------------------------------------------------------------------- */
.wpc-filter-set-widget-title h5,
.wpc-filter-set-widget-title {
  font-family: "Red Hat Display", sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 1.3 !important;
  color: var(--fe-text) !important;
}

.wpc-filters-main-wrap .wpc-filter-collapsible .wpc-filter-title button,
.wpc-filters-main-wrap .wpc-filter-collapsible .wpc-filter-title .wpc-wrap-icons {
  font-family: "Red Hat Display", sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  color: var(--fe-text) !important;
}

/* -----------------------------------------------------------------------------
   5) Body copy — lists, chips
   ----------------------------------------------------------------------------- */
.wpc-filter-chips-list,
.wpc-filter-chips-list a,
.wpc-filters-ul-list,
.wpc-filters-ul-list a,
.wpc-filters-ul-list label,
.wpc-filter-content {
  font-family: "Red Hat Text", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--fe-text) !important;
}

.wpc-no-filter-terms {
  font-family: "Red Hat Text", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--fe-text) !important;
}

/* -----------------------------------------------------------------------------
   6) Admin / clutter
   ----------------------------------------------------------------------------- */
.wpc-edit-filter-set {
  display: none !important;
}

.wpc-filters-reset-button {
  display: none !important;
}

/* -----------------------------------------------------------------------------
   7) Submit
   ----------------------------------------------------------------------------- */
.wpc-filters-section.wpc-filter-layout-submit-button {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
}

.wpc-filters-submit-button {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  text-align: center !important;
  background-color: #de2f4a !important;
  color: #ffffff !important;
  border: none !important;
  padding: 0.75rem 1rem !important;
  font-family: "Red Hat Text", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.wpc-filters-submit-button:hover {
  background-color: #c42842 !important;
  color: #ffffff !important;
}

.wpc-filters-main-wrap .wpc-help-tip {
  display: none !important;
}

/* -----------------------------------------------------------------------------
   8) Posts found spacing
   ----------------------------------------------------------------------------- */
.wpc-filters-widget-wrapper .wpc-posts-found {
  margin-top: -0.5rem !important;
  margin-bottom: 0.75rem !important;
}

.wpc-filters-widget-wrapper .wpc-posts-found p {
  margin: 0 !important;
  line-height: 1.35 !important;
}

/* =============================================================================
   9) Komposer — “See more / See less”
      - Ganti teks EN → ID lewat ::before (+/−) + ::after
   ============================================================================= */

/* Sembunyikan teks node asli “See more / See less” */
.wpc-filters-main-wrap .wpc-filter-product_cat .wpc-see-more-control,
.wpc-filters-main-wrap .wpc-filter-product_cat .wpc-see-less-control {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

/* -----------------------------------------------------------------------------
   VISIBILITY — ALTERNATE (dibalik)
   Saat parent .wpc-show-more → tampilkan “See LESS”
   Saat parent .wpc-show-less → tampilkan “See MORE”
   ----------------------------------------------------------------------------- */

.wpc-filters-main-wrap .wpc-filter-product_cat.wpc-show-more .wpc-see-more-control {
  display: none !important;
}

.wpc-filters-main-wrap .wpc-filter-product_cat.wpc-show-less .wpc-see-less-control {
  display: none !important;
}

.wpc-filters-main-wrap .wpc-filter-product_cat.wpc-show-more .wpc-see-less-control,
.wpc-filters-main-wrap .wpc-filter-product_cat.wpc-show-less .wpc-see-more-control {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  /* jarak icon–tegis: sangat rapat */
  gap: 0.05rem !important;
  column-gap: 0.05rem !important;

  margin-top: 0.35rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer !important;

  max-width: 100% !important;
  white-space: nowrap !important;
}

/* -----------------------------------------------------------------------------
   Icon + label (tetap mengikuti elemen <a>-nya)
   ----------------------------------------------------------------------------- */

/* “See MORE” link → + dan “Tampilkan lebih banyak” */
.wpc-filters-main-wrap .wpc-filter-product_cat .wpc-see-more-control::before {
  content: "+" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;

  font-family: "Red Hat Text", sans-serif !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  color: #1447e6 !important;
}

.wpc-filters-main-wrap .wpc-filter-product_cat .wpc-see-more-control::after {
  content: "Tampilkan lebih banyak" !important;

  font-family: "Red Hat Text", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  color: #1447e6 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* “See LESS” link → − dan “Tampilkan lebih sedikit” */
.wpc-filters-main-wrap .wpc-filter-product_cat .wpc-see-less-control::before {
  content: "\2212" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;

  font-family: "Red Hat Text", sans-serif !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  color: #1447e6 !important;
}

.wpc-filters-main-wrap .wpc-filter-product_cat .wpc-see-less-control::after {
  content: "Tampilkan lebih sedikit" !important;

  font-family: "Red Hat Text", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  color: #1447e6 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Hover / focus ring optional */
.wpc-filters-main-wrap .wpc-filter-product_cat .wpc-see-more-control:hover::before,
.wpc-filters-main-wrap .wpc-filter-product_cat .wpc-see-more-control:hover::after,
.wpc-filters-main-wrap .wpc-filter-product_cat .wpc-see-less-control:hover::before,
.wpc-filters-main-wrap .wpc-filter-product_cat .wpc-see-less-control:hover::after,
.wpc-filters-main-wrap .wpc-filter-product_cat .wpc-see-more-control:focus-visible::before,
.wpc-filters-main-wrap .wpc-filter-product_cat .wpc-see-more-control:focus-visible::after,
.wpc-filters-main-wrap .wpc-filter-product_cat .wpc-see-less-control:focus-visible::before,
.wpc-filters-main-wrap .wpc-filter-product_cat .wpc-see-less-control:focus-visible::after {
  opacity: 0.85 !important;
}/* End custom CSS */
/* Start custom CSS for wp-widget-wpc_filters_widget, class: .elementor-element-b13023d */@media (max-width: 767px) {
  /* hide the mobile "Filters" hamburger */
  .wpc-filter-set-4054 .wpc-filters-open-button-container {
    display: none !important;
  }

  /* optional: hide popup header (X + title) */
  .wpc-filter-set-4054 .wpc-widget-close-container {
    display: none !important;
  }

  /* force the filter panel open */
  .wpc-filter-set-4054 .wpc-filters-widget-content {
    display: block !important;
    position: static !important;
    inset: auto !important;
    max-height: none !important;
    overflow: visible !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .wpc-filter-set-4054 .wpc-filters-widget-content.wpc-closed {
    display: block !important;
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2a9336f */.elementor-pagination {
    margin-top: 20px !important;
}

@media (max-width: 767px) {
    .elementor-pagination {
        margin-top: -20px !important;
    }
}

/* Base “pill square” */
.elementor-pagination .page-numbers{
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  margin: 0 4px 0 0 !important;

  border-radius: 4px;
  border: 1px solid #D1D5DC;

  background: #FFFFFF;
  color: #101828;

  font-family: "Red Hat Text", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none !important;
}

/* Current page */
.elementor-pagination .page-numbers.current{
  background: #101828;
  border-color: #101828;
  color: #FFFFFF;
}

/* Hover/focus = active look */
.elementor-pagination a.page-numbers:hover,
.elementor-pagination a.page-numbers:focus-visible{
  background: #101828 !important;
  border-color: #101828 !important;
  color: #FFFFFF !important;
  outline: none;
}

/* Hide inactive prev/next (Elementor outputs them as <span> when unavailable) */
.elementor-pagination span.page-numbers.prev,
.elementor-pagination span.page-numbers.next{
  display: none !important;
}

/* Optional: keep arrows visually consistent when they ARE links */
.elementor-pagination a.page-numbers.prev,
.elementor-pagination a.page-numbers.next{
  /* inherits base styles above */
}/* End custom CSS */