/* #291 — identitas SAFAR (malam #080B12, emas #C9A45C, Cormorant Garamond utk heading,
   garis emas tipis, kotak tajam) untuk halaman WordPress/WooCommerce di safar.mutqinin.id:
   shop, produk, cart, checkout, my-account, /kontak/, /jadwal/, /paket/.
   Hanya dimuat di host safar (lihat functions.php blok #291). */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500&display=swap');

/* 1) Override token ds2026 (dipakai base.css & form.css) */
:root{
  --bg:#080B12; --night:#080B12; --night-2:#0D121B; --surface:#0D121B; --surface-2:rgba(255,255,255,.04);
  --panel:rgba(255,255,255,.04);
  --ink:#F4EFE3; --ivory:#F4EFE3; --ink-2:#C6BEA9; --ivory-2:#C6BEA9; --muted:#8B8677;
  --brand:#C9A45C; --brand-2:#E2C27E; --brand-3:#E2C27E; --brand-deep:#8E6F2E; --brand-ink:#1A1305;
  --gold:#C9A45C; --gold-2:#E2C27E; --gold-deep:#8E6F2E;
  --ring:rgba(201,164,92,.26);
  --line:rgba(201,164,92,.18); --rule:rgba(201,164,92,.18); --line-2:rgba(201,164,92,.35);
  --ok:#E2C27E; --ok-bg:rgba(201,164,92,.08);
  --ff:'Inter',system-ui,sans-serif; --sans:'Inter',system-ui,sans-serif; --serif:'Cormorant Garamond',Georgia,serif;
  --r-sm:0; --r-md:0; --r-lg:2px; --r-xl:2px;
  --sh-sm:none; --sh-md:none; --sh-lg:none;
  --grad-brand:linear-gradient(135deg,#E8C766,#A9841E);
  --grad-cta:linear-gradient(135deg,#E8C766,#A9841E);
  --grid-bg:#080B12;
}

/* 2) Dasar halaman WordPress */
html body,body{background:#080B12 !important;background-image:none !important;color:#F4EFE3 !important;font-family:'Inter',system-ui,sans-serif !important}
h1,h2,h3,h4,h5,.entry-title,.page-title{font-family:'Cormorant Garamond',Georgia,serif !important;font-weight:500 !important;letter-spacing:0 !important;color:#F4EFE3}
.entry-content{color:#F4EFE3}
.entry-content a{color:#E2C27E;border-bottom:1px solid rgba(201,164,92,.35)}
.entry-content blockquote{border-left:2px solid #C9A45C;background:rgba(201,164,92,.05);padding:12px 18px;margin:18px 0;color:#C6BEA9}
.entry-content table{border-collapse:collapse;width:100%}
.entry-content th,.entry-content td{border:1px solid rgba(201,164,92,.18);padding:10px 12px;text-align:left;color:#F4EFE3}
.entry-content th{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#C9A45C;font-weight:500}
hr,.entry-content hr{border:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,164,92,.35),transparent)}
::selection{background:rgba(201,164,92,.3);color:#F4EFE3}

/* 3) Override paksa: form.css (#280) & base.css dimuat setelah wp_head → identitas safar harus eksplisit. */
.mqdf,.mqst{font-family:'Inter',system-ui,sans-serif !important;color:#F4EFE3 !important}
.mqdf h2,.mqst h2{font-family:'Cormorant Garamond',Georgia,serif !important;color:#E2C27E !important;font-weight:500 !important;letter-spacing:0 !important}
.mqdf .mqdf-sub,.mqst .sub{color:#C6BEA9 !important}
.mqdf .card,.mqst .card{background:rgba(255,255,255,.03) !important;border:1px solid rgba(201,164,92,.35) !important;border-radius:0 !important;box-shadow:none !important}
.mqdf label,.mqst label{color:#8B8677 !important}
.mqdf input[type=text],.mqdf input[type=tel],.mqdf input[type=email],.mqdf input[type=file],.mqdf select,
.mqst input[type=tel],.mqst input[type=text],.mqst input[type=email],.mqst input[type=file],.mqst select{
  background:rgba(255,255,255,.03) !important;border:1px solid rgba(201,164,92,.18) !important;border-radius:0 !important;color:#F4EFE3 !important}
.mqdf select option,.mqst select option{background:#0D121B;color:#F4EFE3}
.mqdf input:focus,.mqst input:focus,.mqdf select:focus,.mqst select:focus{
  border-color:#C9A45C !important;box-shadow:none !important;outline:none !important}
.mqdf button,.mqst button{background:linear-gradient(135deg,#E8C766,#A9841E) !important;border-radius:0 !important;
  color:#1A1305 !important;font-family:'Inter',system-ui,sans-serif !important;font-weight:500 !important;
  letter-spacing:.14em !important;text-transform:uppercase !important;font-size:12.5px !important}
.mqdf .ok,.mqst .ok{background:rgba(201,164,92,.08) !important;border-color:rgba(201,164,92,.35) !important;color:#F4EFE3 !important;border-radius:0 !important}
.mqdf .err,.mqst .err{background:rgba(201,164,92,.08) !important;border-color:#C9A45C !important;color:#E2C27E !important}
.mqdf .ref,.mqst .ref{background:rgba(255,255,255,.03) !important;color:#E2C27E !important;border:1px dashed rgba(201,164,92,.35) !important;border-radius:0 !important}
.mqst .row-item{background:rgba(255,255,255,.03) !important;border-color:rgba(201,164,92,.18) !important;border-radius:0 !important}
.mqdf .note,.mqst .note{color:#8B8677 !important}
.mqdf a,.mqst a,.mqst b.ok,.mqst .lunas{color:#E2C27E !important}

/* 4) WooCommerce: katalog, produk, keranjang, checkout, akun */
.woocommerce,.woocommerce-page{color:#F4EFE3;font-family:'Inter',system-ui,sans-serif}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  background:rgba(255,255,255,.03) !important;border:1px solid rgba(201,164,92,.18) !important;border-radius:0 !important;
  box-shadow:none !important;padding-bottom:16px !important}
.woocommerce ul.products li.product:hover{border-color:rgba(201,164,92,.35) !important}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2{
  font-family:'Cormorant Garamond',Georgia,serif !important;color:#F4EFE3 !important;font-size:20px !important;font-weight:500 !important}
.woocommerce .price,.woocommerce ul.products li.product .price,.woocommerce div.product p.price,
.woocommerce div.product span.price,.woocommerce-Price-amount,.woocommerce-Price-currencySymbol{
  color:#E2C27E !important;font-family:'Cormorant Garamond',Georgia,serif !important;font-size:22px !important;font-weight:500 !important}
.woocommerce ul.products li.product .price del{color:#8B8677 !important}
.woocommerce ul.products li.product .onsale,.woocommerce span.onsale{
  background:#C9A45C !important;color:#1A1305 !important;border-radius:0 !important;min-height:0 !important;
  line-height:1.6 !important;padding:3px 9px !important;font-size:10px !important;font-weight:500 !important;
  letter-spacing:.2em !important;text-transform:uppercase !important}
.woocommerce .star-rating span:before,.woocommerce .star-rating:before{color:#C9A45C}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering select{color:#C6BEA9}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #payment #place_order{
  background:#C9A45C !important;color:#1A1305 !important;border:1px solid #C9A45C !important;border-radius:0 !important;
  font-weight:500 !important;font-size:12.5px !important;letter-spacing:.14em !important;text-transform:uppercase !important;padding:13px 22px !important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce #payment #place_order:hover{
  background:#E2C27E !important;color:#1A1305 !important}
.woocommerce a.button.wc-backward,.woocommerce .cart .button.wc-backward{
  background:transparent !important;color:#E2C27E !important;border:1px solid rgba(201,164,92,.35) !important}
.woocommerce-message,.woocommerce-info,.woocommerce-noreviews,p.no-comments{
  background:rgba(201,164,92,.07) !important;border-top:1px solid #C9A45C !important;color:#F4EFE3 !important;border-radius:0 !important}
.woocommerce-message:before,.woocommerce-info:before{color:#C9A45C !important}
.woocommerce-error{background:rgba(201,164,92,.10) !important;border-top:1px solid #C9A45C !important;color:#E2C27E !important;border-radius:0 !important}
.woocommerce table.shop_table,.woocommerce table.shop_table_responsive{
  border:1px solid rgba(201,164,92,.18) !important;border-radius:0 !important;background:transparent !important;border-collapse:collapse !important}
.woocommerce table.shop_table th{font-size:10.5px !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#C9A45C !important}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:rgba(201,164,92,.18) !important;color:#F4EFE3 !important;background:transparent !important}
.woocommerce .cart_totals h2,.woocommerce .cross-sells h2,.woocommerce .related h2,.woocommerce div.product .woocommerce-tabs h2{
  font-size:26px !important;color:#F4EFE3 !important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,.woocommerce-page form .form-row textarea,.woocommerce-page form .form-row select,
.select2-container .select2-selection--single{
  background:rgba(255,255,255,.03) !important;border:1px solid rgba(201,164,92,.18) !important;border-radius:0 !important;
  color:#F4EFE3 !important;padding:12px 14px !important;font-size:15.5px !important;min-height:0 !important}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{
  border-color:#C9A45C !important;box-shadow:none !important;outline:none !important}
.woocommerce form .form-row label,.woocommerce-page form .form-row label{color:#8B8677 !important;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase}
.woocommerce #payment,.woocommerce-checkout #payment{background:rgba(255,255,255,.03) !important;border:1px solid rgba(201,164,92,.18) !important;border-radius:0 !important}
.woocommerce #payment ul.payment_methods{border-bottom-color:rgba(201,164,92,.18) !important}
.woocommerce #payment div.payment_box{background:rgba(201,164,92,.06) !important;color:#C6BEA9 !important;border-radius:0 !important}
.woocommerce #payment div.payment_box:before{border-bottom-color:rgba(201,164,92,.06) !important}
.woocommerce ul.order_details{background:rgba(255,255,255,.03) !important;border:1px solid rgba(201,164,92,.18) !important;color:#F4EFE3 !important}
.woocommerce-account .woocommerce-MyAccount-navigation{background:transparent}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
  border-radius:0 !important;color:#C6BEA9 !important;display:block;padding:11px 14px;
  border-bottom:1px solid rgba(201,164,92,.18);letter-spacing:.12em;text-transform:uppercase;font-size:11.5px}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{color:#E2C27E !important;background:rgba(201,164,92,.07) !important}
.woocommerce .woocommerce-breadcrumb{color:#8B8677 !important;font-size:12px;letter-spacing:.1em}
.woocommerce .woocommerce-breadcrumb a{color:#C9A45C !important}
.woocommerce div.product .product_title{font-family:'Cormorant Garamond',Georgia,serif !important;color:#F4EFE3 !important}
.woocommerce div.product .woocommerce-tabs ul.tabs{border-bottom:1px solid rgba(201,164,92,.18) !important;padding:0 !important}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent !important;border:0 !important;border-radius:0 !important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#8B8677 !important;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#E2C27E !important}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:after{display:none !important}


/* #293 — kartu paket WooCommerce mengikuti identitas SAFAR (malam-emas, Cormorant) + grid cepat terlihat. */
ul.products{display:grid!important;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0 0 24px!important;padding:0}
ul.products li.product{float:none!important;width:auto!important;clear:none!important;margin:0!important;background:#0F1420;border:1px solid rgba(201,164,92,.30);border-radius:4px;padding:14px;display:flex;flex-direction:column;gap:6px}
ul.products li.product a.woocommerce-LoopProduct-link{display:block;text-decoration:none}
ul.products li.product img{border-radius:2px;aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;filter:saturate(.92)}
.woocommerce-loop-product__title{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:1.3rem!important;font-weight:600!important;color:#F4EFE6!important;line-height:1.25;padding:0!important}
ul.products li.product .price{color:#C9A45C!important;font-weight:600!important;font-size:1.05rem!important;letter-spacing:.02em}
ul.products li.product .button{margin-top:auto!important;border-radius:2px!important;background:linear-gradient(180deg,#D9B878,#C9A45C)!important;color:#151005!important;text-align:center;font-weight:600!important}
ul.products li.product .button:hover{background:linear-gradient(180deg,#E3C68C,#D2AE66)!important}
ul.products li.product .onsale{background:#C9A45C!important;color:#151005!important;border-radius:2px!important;padding:4px 8px!important;min-height:0!important;line-height:1.2!important}
.woocommerce-products-header,.term-description{margin-bottom:8px!important}
.woocommerce-products-header h1{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:1.7rem!important;color:#F4EFE6!important;margin:0 0 4px!important}
body.post-type-archive-product .page-header,body.post-type-archive-product .storefront-breadcrumb{display:none}
body.woocommerce ul.products li.product .woocommerce-loop-product__link{color:inherit}
.storefront-sorting{margin:0 0 12px!important}
@media (max-width:900px){ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){ul.products{grid-template-columns:1fr!important}}