/* header-2.css — dipindah dari comp/seller-header.php (baris 2931, 26 Okt 2026) agar bisa di-cache browser. */

/* <style id="ic-storefront-v9-header-dark-fix"> */

/* Curve bawah header */
html.ic-stf-dark #stfHeader::before{
  background:var(--ic-stf-page) !important;
}

/* Floating operational status */
html.ic-stf-dark #stfHeader .sh-status,
html.ic-stf-dark #stfHeader .sh-status.bg-white{
  background:var(--ic-stf-surface) !important;
  color:var(--ic-stf-text) !important;
  border:1px solid var(--ic-stf-border) !important;
}

html.ic-stf-dark #stfHeader .sh-status .fw-bold{
  color:var(--ic-stf-text) !important;
}

html.ic-stf-dark #stfHeader .sh-status .text-muted,
html.ic-stf-dark #stfHeader .sh-status small{
  color:var(--ic-stf-muted) !important;
}

/* Stockpoint modal shell */
html.ic-stf-dark #stockpointModal .modal-content,
html.ic-stf-dark #stockpointModal .modal-header,
html.ic-stf-dark #stockpointModal .modal-body{
  background:var(--ic-stf-surface) !important;
  color:var(--ic-stf-text) !important;
}

html.ic-stf-dark #stockpointModal .modal-header{
  border-bottom:1px solid var(--ic-stf-border) !important;
}

/* Semua card putih di modal */
html.ic-stf-dark #stockpointModal .bg-white,
html.ic-stf-dark #stockpointModal .card,
html.ic-stf-dark #stockpointModal .rounded.shadow-sm{
  background:var(--ic-stf-surface-soft) !important;
  color:var(--ic-stf-text) !important;
  border-color:var(--ic-stf-border) !important;
  box-shadow:none !important;
}

/* Typography */
html.ic-stf-dark #stockpointModal .fw-bold,
html.ic-stf-dark #stockpointModal strong,
html.ic-stf-dark #stockpointModal .fs-6{
  color:var(--ic-stf-text) !important;
}

html.ic-stf-dark #stockpointModal .text-muted,
html.ic-stf-dark #stockpointModal .text-muted strong,
html.ic-stf-dark #stockpointModal .small,
html.ic-stf-dark #stockpointModal small,
html.ic-stf-dark #stockpointModal a.text-muted{
  color:var(--ic-stf-muted) !important;
}

/* Operational hours table */
html.ic-stf-dark #stockpointModal .table,
html.ic-stf-dark #stockpointModal .table tbody,
html.ic-stf-dark #stockpointModal .table tr,
html.ic-stf-dark #stockpointModal .table td{
  background:transparent !important;
  color:var(--ic-stf-text) !important;
  border-color:var(--ic-stf-border) !important;
}

html.ic-stf-dark #stockpointModal hr{
  border-color:var(--ic-stf-border) !important;
  opacity:1 !important;
}

/* Buttons and close icon */
html.ic-stf-dark #stockpointModal .btn-outline-secondary{
  color:var(--ic-stf-muted) !important;
  border-color:var(--ic-stf-muted) !important;
}

html.ic-stf-dark #stockpointModal .btn-close{
  filter:invert(1) grayscale(100%) brightness(200%);
  opacity:.85;
}

/* Backdrop sedikit lebih lembut */
html.ic-stf-dark .modal-backdrop.show{
  opacity:.68;
}

/* Dark mode: modal labels, inputs, selects, small text */
html.ic-stf-dark .modal-content .form-label,
html.ic-stf-dark .modal-content label,
html.ic-stf-dark .modal-content .modal-title,
html.ic-stf-dark .modal-content h5,
html.ic-stf-dark .modal-content h6,
html.ic-stf-dark .modal-content p,
html.ic-stf-dark .modal-content small,
html.ic-stf-dark .modal-content .text-muted{
  color: var(--ic-stf-text, #e8e8e8) !important;
}
html.ic-stf-dark .modal-content .form-control,
html.ic-stf-dark .modal-content .form-select,
html.ic-stf-dark .modal-content textarea{
  background: #2a2a2a;
  color: #e8e8e8;
  border-color: #444;
}
html.ic-stf-dark .modal-content .form-control::placeholder,
html.ic-stf-dark .modal-content textarea::placeholder{
  color: #888;
}
html.ic-stf-dark .modal-content .btn-close{
  filter: invert(1);
}
html.ic-stf-dark .modal-body{
  color: var(--ic-stf-text, #e8e8e8);
}

/* <style id="ic-storefront-v9-font-inherit"> */

html body,
html body button,
html body input,
html body select,
html body textarea,
html body .btn,
html body .form-control,
html body .form-select,
html body .modal,
html body .product-card,
html body #categoryImageBar{
  font-family:var(--ic-stf-font-family) !important;
}