/* BASIC */
body.dark-theme {
  background-color: #121212;
  color: #e0e0e0;
}
body.dark-theme ::selection {
  color: #ffffff;
  background-color: #006954;
}
/* SCROLLBAR */
body.dark-theme ::-webkit-scrollbar-track {
  background-color: #1e1e1e;
}
body.dark-theme ::-webkit-scrollbar-thumb {
  background-color: #006954;
}
/* WEB ICON */
body.dark-theme svg.line {
  stroke: #e0e0e0;
}
/* PRELOADER */
body.dark-theme .preloader-spinner {
  border: 0.5rem solid #333333;
  border-top: 0.5rem solid #006954;
}
body.dark-theme .preloader-overlay p {
  color: #e0e0e0;
}
/* POPUP */
body.dark-theme .popup {
  background-color: rgba(0, 0, 0, 0.85);
}
body.dark-theme .popup-content {
  background-color: #1e1e1e;
}
body.dark-theme .popup-content h2,
body.dark-theme .popup-content p {
  color: #e0e0e0;
}
/* WRAPPER */
body.dark-theme .content-wrapper {
  background-color: #1e1e1e;
}
/* HEADER */
body.dark-theme .head {
  background-color: #1e1e1e;
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme .logo-info h1 {
  color: #006954;
}
body.dark-theme .logo-info p {
  color: #b0b0b0;
}
body.dark-theme .nav-header li a {
  color: #e0e0e0;
}
body.dark-theme .nav-header li a svg.line {
  stroke: #e0e0e0;
}
body.dark-theme .nav-header li a:hover {
  background-color: #2c2c2c;
  color: #006954;
}
body.dark-theme .nav-header li a:hover svg.line {
  stroke: #006954;
}
body.dark-theme .back-page:hover,
body.dark-theme .cart-btn:hover,
body.dark-theme .profile-btn:hover,
body.dark-theme .theme-btn:hover {
  background-color: #2c2c2c;
}
body.dark-theme .back-page:hover svg.line,
body.dark-theme .cart-btn:hover svg.line,
body.dark-theme .profile-btn:hover svg.line,
body.dark-theme .theme-btn:hover svg.line {
  stroke: #006954;
}
body.dark-theme .search-bar {
  background-color: #1e1e1e;
  border: 0.1rem solid #444444;
}
body.dark-theme .search-bar:hover {
  border: 0.1rem solid #006954;
}
body.dark-theme .search-bar input {
  color: #e0e0e0;
  caret-color: #006954;
}
body.dark-theme .search-bar input::placeholder {
  color: #888888;
}
body.dark-theme .search-bar-cancle {
  color: #006954;
}
/* SEARCH RESULT */
body.dark-theme .search-result {
  background-color: #1e1e1e;
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme .search-result-header h2 {
  color: #e0e0e0;
}
body.dark-theme .search-result-grid:hover {
  background-color: #2c2c2c;
}
body.dark-theme .search-result-info h4 {
  color: #e0e0e0;
}
body.dark-theme .search-result-getprice {
  color: #e0e0e0;
}
body.dark-theme .search-result-oriprice {
  color: #888888;
}
body.dark-theme .search-result-discount {
  color: #ff6b6b;
}
/* SLIDE */
body.dark-theme .slide {
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme .slide-header h2 {
  color: #e0e0e0;
}
body.dark-theme .slide-info-content {
  background-color: rgba(0, 105, 84, 0.8);
}
body.dark-theme .dot {
  background-color: #444444;
}
body.dark-theme .dot.active {
  background-color: #ffffff;
}
/* CATEGORY */
body.dark-theme .category {
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme .category-header h2 {
  color: #e0e0e0;
}
body.dark-theme .category-grid:hover {
  background-color: #2c2c2c;
}
body.dark-theme .category-info h3 {
  color: #e0e0e0;
}
/* PRODUCT */
body.dark-theme .product {
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme .product-header h2 {
  color: #e0e0e0;
}
body.dark-theme .product-grid:hover {
  background-color: #2c2c2c;
}
body.dark-theme .product-info h3 {
  color: #e0e0e0;
}
body.dark-theme .product-getprice {
  color: #e0e0e0;
}
body.dark-theme .product-oriprice {
  color: #888888;
}
body.dark-theme .product-discount {
  color: #ff6b6b;
}
body.dark-theme #load-more:disabled {
  background-color: #444444;
}
/* SHOPPING */
body.dark-theme .shopping {
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme .shopping-header h2 {
  color: #e0e0e0;
}
body.dark-theme .thumbnail-grid {
  background-color: #2c2c2c;
}
body.dark-theme .shopping-info {
  color: #e0e0e0;
}
body.dark-theme .shopping-getprice {
  color: #e0e0e0;
}
body.dark-theme .shopping-oriprice {
  color: #888888;
}
body.dark-theme .shopping-discount {
  color: #ff6b6b;
}
body.dark-theme .fly-animation {
  background-color: #1e1e1e;
  border: 0.1rem solid #333333;
}
body.dark-theme .shopping-detail h3,
body.dark-theme .shopping-content h3 {
  color: #e0e0e0;
}
body.dark-theme .shopping-detail table td {
  color: #e0e0e0;
  border-top: 0.1rem solid #333333;
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme #shopping-description p {
  color: #b0b0b0;
}
body.dark-theme #shopping-information table td {
  color: #e0e0e0;
}
/* RECOMMENDATION */
body.dark-theme .recommendation-product-content h3 {
  color: #e0e0e0;
}
body.dark-theme .recommendation-product-grid:hover {
  background-color: #2c2c2c;
}
body.dark-theme .recommendation-product-info h4 {
  color: #e0e0e0;
}
body.dark-theme .recommendation-product-getprice {
  color: #e0e0e0;
}
body.dark-theme .recommendation-product-oriprice {
  color: #888888;
}
body.dark-theme .recommendation-product-discount {
  color: #ff6b6b;
}
/* NOT FOUND */
body.dark-theme .product-not-found {
  background-color: #1e1e1e;
  border: 0.1rem solid #333333;
}
body.dark-theme .product-not-found p {
  color: #e0e0e0;
}
body.dark-theme .product-not-found p a {
  color: #006954;
}
/* CART */
body.dark-theme .cart {
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme .cart-header h2 {
  color: #e0e0e0;
}
body.dark-theme .cart-info h4 {
  color: #e0e0e0;
}
body.dark-theme .cart-getprice {
  color: #e0e0e0;
}
body.dark-theme .cart-total {
  color: #888888;
}
body.dark-theme .cart-quantity {
  background-color: #2c2c2c;
  color: #e0e0e0;
  border: 0.1rem solid #444444;
}
body.dark-theme .cart-quantity:hover {
  border: 0.1rem solid #006954;
}
body.dark-theme .cart-summary h3 {
  color: #e0e0e0;
}
body.dark-theme .cart-summary h3 span {
  color: #006954;
}
body.dark-theme .cart-note {
  background-color: #2c2c2c;
  border: 0.1rem solid #444444;
}
body.dark-theme .cart-note p {
  color: #e0e0e0;
}
body.dark-theme .checkout-btn:disabled {
  background-color: #444444;
}
/* CHECKOUT */
body.dark-theme .checkout {
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme .checkout-header h2 {
  color: #e0e0e0;
}
body.dark-theme .shipping-recipient h3 {
  color: #e0e0e0;
}
body.dark-theme .shipping-user-info {
  border: 0.1rem solid #444444;
}
body.dark-theme .shipping-user-info p {
  color: #e0e0e0;
}
body.dark-theme .checkout-summary h3 {
  color: #e0e0e0;
}
body.dark-theme .checkout-info h4 {
  color: #e0e0e0;
}
body.dark-theme .checkout-price-quantity {
  color: #888888;
}
body.dark-theme .checkout-price-total {
  color: #e0e0e0;
}
body.dark-theme .checkout-summary table td {
  color: #e0e0e0;
  border-top: 0.1rem solid #333333;
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme .checkout-button:disabled {
  background-color: #444444;
}
/* CORE API PAYMENT OPTIONS */
body.dark-theme .payment-method h3 {
  color: #e0e0e0;
}
body.dark-theme .payment-option {
  background-color: #1e1e1e;
  color: #e0e0e0;
  border: 0.1rem solid #444444;
}
body.dark-theme .payment-option:hover {
  border: 0.1rem solid #006954;
}
body.dark-theme .payment-option:has(input[type="radio"]:checked) {
  background-color: #0d2e25;
  border: 0.1rem solid #006954;
}
body.dark-theme .payment-option input[type="radio"]:checked ~ .option-details,
body.dark-theme .payment-option input[type="radio"]:checked ~ .fee-info {
  color: #006954;
}
body.dark-theme .option-details {
  color: #e0e0e0;
}
body.dark-theme .fee-info {
  color: #888888;
}
/* PAYMENT */
body.dark-theme .payment-header h2 {
  color: #e0e0e0;
}
body.dark-theme .payment-status h3 {
  color: #ff8c00;
}
body.dark-theme .payment-status p {
  color: #e0e0e0;
}
body.dark-theme .order-summary-box {
  background: #2c2c2c;
}
body.dark-theme .order-summary-box table td {
  color: #e0e0e0;
}
body.dark-theme .code-display {
  color: #e0e0e0;
  background: #0d2e25;
  border: 0.1rem dashed #006954;
}
body.dark-theme .code-display:hover {
  background-color: #1e1e1e;
}
body.dark-theme .copy-hint {
  color: #888888;
}
body.dark-theme #payment-instructions-area h3 {
  color: #e0e0e0;
}
body.dark-theme .instructions-list li {
  color: #b0b0b0;
}
body.dark-theme .btn-secondary {
  background-color: #333333;
  color: #ffffff;
}
body.dark-theme .btn-secondary:hover {
  background-color: #444444;
}
/* PROFILE */
body.dark-theme .profile {
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme .profile-header h2 {
  color: #e0e0e0;
}
body.dark-theme .profile-info-item {
  background-color: #2c2c2c;
  border: 0.1rem solid #444444;
}
body.dark-theme .profile-info-item label {
  color: #e0e0e0;
}
body.dark-theme .profile-info-item p {
  color: #b0b0b0;
}
body.dark-theme .cancel-btn {
  background: #333333;
  color: #e0e0e0;
  border: 0.1rem solid #444444;
}
body.dark-theme .cancel-btn:hover {
  background: #444444;
}
body.dark-theme .info-item label {
  color: #e0e0e0;
}
body.dark-theme .info-item p {
  color: #b0b0b0;
}
body.dark-theme .profile-form label {
  color: #e0e0e0;
}
body.dark-theme .profile-ipt {
  background-color: #2c2c2c;
  border: 0.1rem solid #444444;
}
body.dark-theme .profile-ipt input,
body.dark-theme .profile-ipt select,
body.dark-theme .profile-ipt textarea {
  color: #e0e0e0;
}
body.dark-theme .profile-form input:focus,
body.dark-theme .profile-form textarea:focus {
  border-color: #006954;
}
/* HISTORY - FIX APPLIED */
body.dark-theme .history {
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme .history-header h2 {
  color: #e0e0e0;
}
body.dark-theme .history-tab {
  background: #2c2c2c;
  border: 0.1rem solid #444444;
  color: #e0e0e0;
}
/* Perbaikan: Active state harus didefinisikan ulang agar tidak tertimpa */
body.dark-theme .history-tab.active {
  background-color: #006954;
  border-color: #006954;
  color: #ffffff;
}
body.dark-theme .history-tab:hover:not(.active) {
  background: #333333;
}
body.dark-theme .history-item {
  border: 0.1rem solid #333333;
}
body.dark-theme .history-item:hover {
  border: 0.1rem solid #006954;
}
body.dark-theme .history-item-header {
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme .history-item-id,
body.dark-theme .history-item-amount {
  color: #e0e0e0;
}
body.dark-theme .history-item-date,
body.dark-theme .history-item-method,
body.dark-theme .empty-history {
  color: #888888;
}
body.dark-theme .history-item-view.disabled {
  background: #444444;
}
/* HISTORY STATUS */
body.dark-theme .history-item-status.pending {
  background: #4a3e08; 
  color: #ffd700;
}
body.dark-theme .history-item-status.completed {
  background: #083a4a;
  color: #72d9ff;
}
body.dark-theme .history-item-status.canceled,
body.dark-theme .history-item-status.expired {
  background: #4a080f;
  color: #ff8e8e;
}
/* FOOTER */
body.dark-theme .footer-box {
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme .footer-content h2 {
  color: #e0e0e0;
}
body.dark-theme .footer-content p,
body.dark-theme .footer-content li,
body.dark-theme .footer-content li a {
  color: #b0b0b0;
}
body.dark-theme .footer-content li a svg.line {
  stroke: #e0e0e0;
}
body.dark-theme .footer-content li a:hover {
  background-color: #2c2c2c;
  color: #006954;
}
body.dark-theme .footer-content li a:hover svg.line {
  stroke: #006954;
}
body.dark-theme .credit-footer p {
  color: #b0b0b0;
}
/* MOBILE */
body.dark-theme .mobile-box {
  background-color: #1e1e1e;
  border-top: 0.1rem solid #333333;
}
body.dark-theme .mobile-content:hover {
  background-color: #2c2c2c;
}
body.dark-theme .mobile-content:hover svg.line {
  stroke: #006954;
}
/* ORDER */
body.dark-theme .order-box {
  background-color: #1e1e1e;
  border-top: 0.1rem solid #333333;
}
body.dark-theme .order-content:hover {
  background-color: #2c2c2c;
}
body.dark-theme .order-content:hover svg.line {
  stroke: #006954;
}
/* ERROR 404 */
body.dark-theme .error404 {
  border-bottom: 0.1rem solid #333333;
}
body.dark-theme .content404 h2,
body.dark-theme .content404 h3 {
  color: #e0e0e0;
}
body.dark-theme .content404 p {
  color: #b0b0b0;
}