/* ====================================================
   MORA Redesign – From This Island Inspired
   Palette: #FAFAF8 bg · #1A1A1A text · #1E4A2E green · #111 buttons
   Font: Playfair Display (serif) + Inter (body)
   ==================================================== */

/* ─── GLOBAL ─── */
body { background: #f0efed !important; color: #1A1A1A; }
#main-content { background: #f0efed !important; }

/* ─── INFO PAGES (page-hero) – full-width seperti homepage ─── */
#main-content:has(.page-hero) {
  max-width: none !important;
  width: 100% !important;
  padding: 0 16px !important;
  margin: 0 !important;
}
/* Container di dalam page-hero – beri padding 24px supaya teks ga nempel tepi */
#main-content:has(.page-hero) .page-hero .container {
  max-width: none !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Container di section LAIN (di luar page-hero) – padding 0, sudah dapat 16px dari #main-content */
#main-content:has(.page-hero) section:not(.page-hero) .container,
#main-content:has(.page-hero) .mora-contact-inner,
#main-content:has(.page-hero) .mora-mitra-inner,
#main-content:has(.page-hero) .mora-guide-inner,
#main-content:has(.page-hero) .mora-policy-inner {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ─── BLOG pages – full-width ─── */
#main-content:has(.blog-page),
#main-content:has(.art-page) {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ─── TOPBAR → forest green ─── */
.mora-topbar { background: #1E4A2E !important; border-bottom: none !important; }

/* ─── NAVBAR → cream to match page background (seamless card effect) ─── */
.mora-nav-oak { background: #f0efed !important; border-bottom: none !important; box-shadow: none !important; }
.mno-cat-link:hover,
.mno-cat-item:hover > .mno-cat-link { color: #1E4A2E !important; border-bottom-color: #1E4A2E !important; }
.mno-logo-icon { color: #1E4A2E !important; }
.mno-cat-flashsale { color: #1E4A2E !important; }
.mno-mega { border-top: 2px solid #1E4A2E !important; }
.mno-mega-cta-btn { background: #111 !important; border-radius: 2px !important; }
.mno-mega-sublink.active,
.mno-mega-sublink:hover { color: #1E4A2E !important; border-left-color: #1E4A2E !important; }
/* Mega menu product card images – rounded corners */
.mno-mega-card-img { border-radius: 12px !important; }
.mno-mega-prod-img { border-radius: 12px !important; }

/* ─── TYPOGRAPHY – Playfair Display ─── */
.mora-hero-title,
.mora-section-title,
.mora-akun-card-title,
.mora-od-section-title,
.rds-title,
.rd-main h2,
.mora-wl-head-title,
.mora-pesanan-tabs ~ .mora-akun-card-title { font-family: 'Playfair Display', Georgia, serif !important; }

/* Section headings via data attribute or class */
.rd-serif { font-family: 'Playfair Display', Georgia, serif; }

/* ─── PRIMARY BUTTONS → black ─── */
.mora-btn-white,
.mora-btn-primary,
.mora-btn-solid,
.mora-pesanan-empty-btn,
.mora-alamat-add-btn,
.mora-pf-save,
.mora-pesanan-search-btn,
.mora-order-btn-solid,
.mora-checkout-btn,
.mora-wl-btn,
.mora-af-submit,
.rf-btn-red,
.rd-btn-primary { background: #111 !important; border-color: #111 !important; border-radius: 2px !important; color: #fff !important; }
.mora-btn-white:hover, .mora-btn-primary:hover, .mora-pesanan-empty-btn:hover,
.mora-pf-save:hover, .mora-wl-btn:hover, .rf-btn-red:hover { background: #333 !important; color: #fff !important; }

/* Outline buttons */
.mora-btn-outline-white,
.mora-btn-outline-primary,
.mora-order-btn-outline { border-color: #333 !important; color: #333 !important; border-radius: 2px !important; background: transparent !important; }
.mora-btn-outline-white:hover, .mora-order-btn-outline:hover { background: #111 !important; color: #fff !important; }

/* Hero buttons */
.mhs-btn-primary { background: #111 !important; color: #fff !important; border-color: #111 !important; }
.mhs-btn-secondary { background: transparent !important; color: #fff !important; border-color: rgba(255,255,255,.5) !important; }

/* ─── PRODUCT CARDS (mora-product-card) ─── */
.mora-product-card { border-radius: 16px !important; box-shadow: none !important; border: none !important; background: #F5F1EB !important; overflow: hidden !important; }
.mora-product-card:hover { box-shadow: none !important; transform: translateY(-4px) !important; }
.mora-add-cart-btn { background: #E8E4DE !important; border-color: #E8E4DE !important; border-radius: 8px !important; color: #555 !important; }
.mora-add-cart-btn:hover { background: #1E4A2E !important; border-color: #1E4A2E !important; color: #fff !important; }

/* ─── KATEGORI / SEARCH CARDS (fph-card) — From This Island style ─── */
.fph-card { border-radius: 12px !important; overflow: hidden !important; background: #EDE8DF !important; box-shadow: none !important; border: none !important; transition: transform .25s ease !important; }
.fph-card:hover { transform: translateY(-4px) !important; }
.fph-img-wrap { border-radius: 0 !important; margin-bottom: 0 !important; aspect-ratio: 4/5 !important; background: #F5F1EB !important; }
.fph-img { object-fit: cover !important; }

/* Info area as link */
.fph-info { display: block !important; text-decoration: none !important; color: inherit !important; padding: 12px 14px 14px !important; }
.fph-info:hover { color: inherit !important; }

/* Button — hidden (whole card is now clickable) */
.fph-btn { display: none !important; }

/* Badges */
.fph-badge-off { font-size: 10px !important; font-weight: 700 !important; padding: 3px 8px !important; border-radius: 4px !important; background: #fff !important; color: #333 !important; }
.fph-badge-sale { font-size: 10px !important; font-weight: 700 !important; padding: 3px 10px !important; border-radius: 20px !important; }

/* Product name */
.fph-name { font-size: 13px !important; font-weight: 600 !important; color: #1A1A1A !important; line-height: 1.35 !important; margin-bottom: 5px !important; }
.fph-sub { font-size: 11px !important; color: #999 !important; margin-bottom: 5px !important; }
.fph-price { display: flex !important; gap: 6px !important; align-items: center !important; }
.fph-price-old { font-size: 11px !important; color: #bbb !important; }
.fph-price-new { font-size: 13px !important; font-weight: 700 !important; color: #1A1A1A !important; }

/* ─── MORA-KAT-CARD ─── */
.mora-kat-card { border-radius: 16px !important; overflow: hidden !important; background: #F5F1EB !important; border: none !important; box-shadow: none !important; }
.mora-kat-card:hover { box-shadow: none !important; transform: translateY(-4px) !important; }
.mora-kat-img { background: #F5F1EB !important; }

/* ─── BLOG CARDS ─── */
.blog-card-img { border-radius: 16px !important; overflow: hidden !important; }
.blog-feat-img { border-radius: 16px !important; overflow: hidden !important; }

/* Product price / accent */
.mora-price { color: #1E4A2E !important; }
.mora-price-final { color: #1A1A1A !important; font-weight: 700 !important; }
.mora-badge-sale, .mora-prod-badge-sale { background: #1E4A2E !important; }
.mora-badge-best { background: #111 !important; }

/* ─── CATEGORY PILLS / FILTER ─── */
.mora-kat-filter-btn.active,
.mora-kat-filter-btn:hover { background: #111 !important; color: #fff !important; border-color: #111 !important; }

/* ─── SECTION BACKGROUNDS ─── */
.mora-akun-wrap { background: #F0EDE8 !important; }
.mora-section-alt,
.mora-featured-section { background: #F0EDE8 !important; }
.mora-ticker { background: #FAFAF8 !important; margin-top: 16px !important; }
.mh-trust { padding-top: 32px !important; }
.mora-ticker-inner { background: #F0EDE8 !important; }

/* ─── FLASH SALE / PROMO STRIP ─── */
.blp-section { background: #1E4A2E !important; }
.blp-section .blp-timer-num { background: #fff !important; color: #1E4A2E !important; }

/* ─── FOOTER → forest green ─── */
.mora-footer { background: #1E4A2E !important; }
.mora-footer-links a:hover { color: #9EC4A4 !important; }
.mora-cert-badge { background: rgba(255,255,255,.15) !important; border-color: rgba(255,255,255,.25) !important; color: rgba(255,255,255,.85) !important; }
.mora-pay-icon { background: rgba(255,255,255,.12) !important; border-color: rgba(255,255,255,.2) !important; color: rgba(255,255,255,.7) !important; }

/* ─── BOTTOM NAV ─── */
.mora-bottom-nav { background: #fff !important; border-top: 1px solid #EEECEA !important; box-shadow: 0 -1px 6px rgba(0,0,0,.04) !important; }
.mora-bottom-nav-item.active .mora-bnav-icon,
.mora-bottom-nav-item.active .mora-bnav-label { color: #1E4A2E !important; }

/* ─── TOAST ─── */
.mora-toast { background: #1E4A2E !important; }

/* ─── INPUT / FORM FOCUS ─── */
input:focus, textarea:focus, select:focus {
  border-color: #1E4A2E !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(30,74,46,.08) !important;
}

/* ─── AKUN PAGES ─── */
.mora-akun-ava,
.mora-akun-user .mora-akun-ava { background: #1E4A2E !important; }
.mora-akun-nav-link.active { color: #1E4A2E !important; }
.mora-akun-nav-head i { color: #1E4A2E !important; }
.mora-akun-card-title { font-family: 'Playfair Display', Georgia, serif !important; font-weight: 400 !important; color: #1A1A1A !important; }

/* ─── WISHLIST ─── */
.mora-wl-price { color: #1E4A2E !important; }

/* ─── ORDER / PESANAN ─── */
.mora-order-total { color: #1E4A2E !important; }
.mora-order-status { }
.mora-pesanan-tab.active { color: #1E4A2E !important; border-bottom-color: #1E4A2E !important; }
.mora-pesanan-search-btn { background: #111 !important; border-color: #111 !important; }

/* ─── DETAIL PRODUK ─── */
.mora-det-price { color: #1A1A1A !important; }
.mora-det-add-cart { background: #111 !important; color: #fff !important; border-radius: 2px !important; }
.mora-det-add-cart:hover { background: #333 !important; }
.mora-det-buy-now { background: #1E4A2E !important; border-color: #1E4A2E !important; border-radius: 2px !important; }
.mora-det-buy-now:hover { background: #163d24 !important; }

/* ─── CART / KERANJANG ─── */
.mora-cart-checkout-btn { background: #111 !important; border-radius: 2px !important; }
.mora-cart-checkout-btn:hover { background: #333 !important; }

/* ─── CHECKOUT ─── */
.mora-co-btn-submit { background: #111 !important; border-radius: 2px !important; }
.mora-co-btn-submit:hover { background: #333 !important; }

/* ─── RETUR / TRACKING ─── */
.retur-btn-red,
.rf-btn-red { background: #111 !important; border-color: #111 !important; border-radius: 2px !important; }
.retur-btn-red:hover, .rf-btn-red:hover { background: #333 !important; }

/* ─── ALERT / SUCCESS ─── */
.mora-pf-success { background: #f0fff4 !important; border-color: #b7f5c8 !important; }

/* ─── PAGE HERO (tentang, syarat, faq, hubungi, etc.) ─── */
.page-hero {
  background: #1E4A2E !important;
  color: #fff !important;
  border-radius: 20px !important;
  margin: 0 0 10px !important;
}
.page-hero h1 { color: #fff !important; }
.page-hero p { color: rgba(255,255,255,.8) !important; opacity: 1 !important; }
.page-hero .breadcrumb-item a { color: rgba(255,255,255,.6) !important; }
.page-hero .breadcrumb-item.active { color: rgba(255,255,255,.9) !important; }
.page-hero .text-white-50 { color: rgba(255,255,255,.6) !important; }

/* ─── SECTION HEADING LABEL (caps small text) ─── */
.mora-section-label,
.mora-sub-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #1E4A2E !important;
  font-weight: 500 !important;
}

/* ─── SCROLLBAR ─── */
::-webkit-scrollbar-thumb { background: #1E4A2E !important; }
::-webkit-scrollbar-thumb:hover { background: #163d24 !important; }

/* ─── KATEGORI PAGE ─── */
.mora-kat-filter-btn { background: #111 !important; border-radius: 2px !important; }
.mora-kat-filter-btn:hover { background: #333 !important; }
.mora-kat-price-input:focus { border-color: #1E4A2E !important; }
.mora-kat-rating-item input { accent-color: #1E4A2E !important; }
.mora-kat-filter-toggle { border-color: #111 !important; color: #111 !important; border-radius: 2px !important; }
/* Toko section headings */
.fph-title { font-family: 'Playfair Display', Georgia, serif !important; font-weight: 400 !important; }
/* Product card heading in grid */
.fph-name { font-family: 'Inter', sans-serif !important; }
.fph-price-final { color: #1A1A1A !important; font-weight: 700 !important; }
.fph-badge-sale { background: #1E4A2E !important; }

/* ─── KERANJANG / CART ─── */
.mora-cart-checkout-btn,
.mora-co-submit-btn,
[class*="checkout-btn"],
[class*="cart-btn-primary"] { background: #111 !important; border-color: #111 !important; border-radius: 2px !important; }

/* ─── CHECKOUT ─── */
.mora-co-submit { background: #111 !important; border-radius: 2px !important; }
.mora-co-submit:hover { background: #333 !important; }

/* ─── PAGE BACKGROUNDS ─── */
.mora-kat-main-bg,
.mora-cart-wrap,
.mora-co-wrap,
.blog-page { background: transparent !important; }

/* ─── SECTION CONTAINERS – rounded card style ─── */
.mora-kat-wrap,
.mora-cart-inner,
.mora-co-inner,
.mora-akun-wrap,
.mora-det-wrap { padding: 0 16px !important; box-sizing: border-box !important; }

.mora-kat-sortbar,
.mora-kat-sidebar { border-radius: 16px !important; background: #fff !important; }

.mora-akun-card { border-radius: 16px !important; }

/* Cart item rows */
.mora-cart-item { border-radius: 12px !important; background: #fff !important; margin-bottom: 8px !important; }

/* Detail produk main container */
.mora-det-main { border-radius: 20px !important; background: #fff !important; }

/* ─── AKUN – ALL PAGES ─── */
.mora-akun-wrap { background: #F0EDE8 !important; }
.mora-akun-card { background: #fff !important; }
.mora-akun-card-title { font-family: 'Playfair Display', Georgia, serif !important; font-weight: 400 !important; }

/* ─── PROGRESS BARS ─── */
.mora-progress-bar,
.mora-fs-progress-bar { background: #1E4A2E !important; }

/* ─── STARS / RATING ─── */
.mora-stars, .pd-stars { color: #c4963a !important; }

/* ─── DETAIL PAGE – foto & card radius ─── */
.pd-left { border-radius: 20px !important; overflow: hidden !important; }
.pd-hero-bg { margin: 0 16px !important; padding: 0 !important; border-radius: 20px !important; overflow: hidden !important; background: #f0efed !important; }
/* Perbesar gap & padding grid supaya radius lebih jelas */
.pd-hero { gap: 0 16px !important; padding: 20px 16px !important; }
.pd-center-img { border-radius: 20px !important; overflow: hidden !important; }
.pd-right-img { border-radius: 20px !important; overflow: hidden !important; }
.pd-right-img-inner { border-radius: 20px !important; overflow: hidden !important; }
.pd-ingr-story { border-radius: 20px !important; overflow: hidden !important; margin: 0 16px 8px !important; }
.pd-ingr-story-img { border-radius: 0 !important; }
/* Semua section card (Ulasan, Cara Menggunakan, dll) */
.pd-sec { border-radius: 20px !important; margin: 0 16px 8px !important; }
.pd-related-wrap { border-radius: 20px !important; margin: 0 16px 8px !important; }
/* Thumb strip & slide track tetap ter-clip di dalam card */
.pd-thumb-strip { border-radius: 0 0 20px 20px !important; overflow: hidden !important; }
.pd-slide-track { overflow: hidden !important; }

/* ─── MOBILE OVERRIDES ─── */
@media(max-width:768px) {
  .mora-btn-white, .mora-btn-primary { border-radius: 2px !important; }
  .pd-center-img, .pd-right-img, .pd-right-img-inner { border-radius: 12px !important; }
  .pd-related-wrap { margin: 0 0 8px !important; border-radius: 0 !important; }
}

/* ====================================================
   GLOBAL THEME AUDIT – semua halaman
   Background: #f0efed · Card radius: 20px · Img radius: 12px
   ==================================================== */

/* ─── CART / KERANJANG ─── */
.mora-cart-wrap { background: #f0efed !important; }
.mora-cart-head { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-cart-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-cart-sum-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-cart-empty { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-cart-item-img { border-radius: 12px !important; }

/* ─── CHECKOUT ─── */
.co-page { background: #f0efed !important; }
.co-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.co-item-img { border-radius: 12px !important; }

/* ─── PAYMENT ─── */
.mora-pay-wrap { background: #f0efed !important; }
.mora-pay-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-upload-preview { border-radius: 12px !important; overflow: hidden !important; }

/* ─── SEARCH ─── */
.mora-search-wrap { background: #f0efed !important; }
.mora-search-filter { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-search-topbar { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-search-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-search-empty { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-search-img, .mora-search-img img { border-radius: 12px !important; overflow: hidden !important; }

/* ─── VOUCHER / PROMO ─── */
.vp-wrap { background: #f0efed !important; }
.vp-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.vp-header-banner { border-radius: 20px !important; overflow: hidden !important; }

/* ─── AKUN – SEMUA HALAMAN ─── */
.mora-akun-wrap { background: #f0efed !important; }
.mora-akun-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }

/* Pesanan */
.mora-order-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-pesanan-tabs { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-pesanan-search { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-pesanan-empty { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-order-img { border-radius: 12px !important; }

/* Pesanan detail */
.mora-od-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-od-item-img { border-radius: 12px !important; }
.mora-od-proof-img { border-radius: 12px !important; }

/* Alamat */
.mora-addr-item { border-radius: 20px !important; box-shadow: none !important; }

/* Wishlist */
.mora-wl-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-wl-head { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-wl-empty { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-wl-img, .mora-wl-img img { border-radius: 12px !important; overflow: hidden !important; }

/* Koin */
.koin-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.koin-balance-hero { border-radius: 20px !important; overflow: hidden !important; }

/* Notifikasi */
.mora-notif-tabs { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-notif-list { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }

/* Retur */
.retur-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }

/* Tracking */
.mora-track-wrap { background: #f0efed !important; }
.mora-track-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-resi-box { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }

/* ─── BLOG ─── */
.blog-page { background: #f0efed !important; }
.art-page { background: #f0efed !important; }
.blog-card { border-radius: 20px !important; overflow: hidden !important; }
.art-cover img { border-radius: 16px !important; overflow: hidden !important; }
.art-body img { border-radius: 12px !important; }

/* ─── INFO PAGES (hubungi, kemitraan, panduan, policy) ─── */
.mora-contact-wrap { background: #f0efed !important; }
.mora-contact-form-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-ci-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }

.mora-mitra-wrap { background: #f0efed !important; }
.mora-mitra-tier { border-radius: 20px !important; box-shadow: none !important; }
.mora-mitra-steps { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-mitra-form-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }

.mora-guide-wrap { background: #f0efed !important; }
.mora-guide-nav { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-guide-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }

.mora-policy-wrap { background: #f0efed !important; }
.mora-policy-card { border-radius: 20px !important; box-shadow: none !important; background: #fff !important; }
.mora-policy-toc { border-radius: 20px !important; }

/* Tentang / About */
.stat-box { border-radius: 20px !important; }

/* Kemitraan */
.mora-mitra-tier { border-radius: 20px !important; box-shadow: none !important; }
.mora-mitra-steps { border-radius: 20px !important; box-shadow: none !important; }
.mora-mitra-form-card { border-radius: 20px !important; box-shadow: none !important; }

/* Tentang / About */
.about-card { border-radius: 20px !important; box-shadow: none !important; }
.ab-section { background: #f0efed !important; }
.about-section { background: #f0efed !important; }