/* Project G - Full Dark Theme for Salla */
/* Main color: #f0a500 */

:root {
  --pg-bg: #050506;
  --pg-sur: #101115;
  --pg-sur2: #0b0c10;
  --pg-bdr: #2b2d35;
  --pg-txt: #f4f4f4;
  --pg-dim: #9ea0a8;
  --pg-mut: #5d606a;
  --pg-main: #f0a500;
  --pg-main2: #ffcc44;
  --pg-red: #ff4444;

  --color-primary: #f0a500;
  --color-primary-dark: #c98700;
  --color-primary-light: #ffcc44;
  --color-primary-reverse: #050506;
}

/* Global background */
html,
body,
.app-inner,
main,
#main-content,
.store-home,
.page-content,
.content,
.main-content {
  background: var(--pg-bg) !important;
  color: var(--pg-txt) !important;
}

/* Main sections */
section,
.s-block,
.s-block__title,
.s-block__content,
.s-container,
.container {
  background-color: var(--pg-bg) !important;
  color: var(--pg-txt) !important;
}

/* Header */
header,
.navbar,
.main-menu,
.top-navbar,
.store-header,
.site-header {
  background: rgba(5, 5, 6, 0.96) !important;
  color: var(--pg-txt) !important;
  border-bottom: 1px solid var(--pg-bdr) !important;
}

/* Footer */
footer,
.store-footer,
.footer {
  background: var(--pg-bg) !important;
  color: var(--pg-dim) !important;
  border-top: 1px solid var(--pg-bdr) !important;
}

/* Text */
h1, h2, h3, h4, h5, h6,
p, span, a, label,
div, li, strong {
  color: var(--pg-txt) !important;
}

small,
.text-gray,
.text-muted,
.text-gray-400,
.text-gray-500,
.text-gray-600,
.text-gray-700 {
  color: var(--pg-dim) !important;
}

/* Links */
a:hover {
  color: var(--pg-main) !important;
}

/* Product cards */
.s-product-card-entry,
.s-product-card-content,
.product-entry,
.product-card,
.s-card,
.card,
.panel,
.box {
  background: var(--pg-sur) !important;
  color: var(--pg-txt) !important;
  border: 1px solid var(--pg-bdr) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.38) !important;
  overflow: hidden !important;
}

/* Product image background */
.s-product-card-image,
.product-entry__image,
.s-product-card-image img {
  background: var(--pg-sur2) !important;
}

/* Product title */
.s-product-card-content-title,
.s-product-card-content-title a,
.s-product-card-title,
.product-title {
  color: var(--pg-txt) !important;
}

/* Prices */
.s-product-card-price,
.price,
.total-price,
.product-price {
  color: var(--pg-main) !important;
  font-weight: 700 !important;
}

/* Buttons */
button,
.btn,
.s-button-element,
.s-button-primary,
.btn-primary,
button[type="submit"] {
  background: var(--pg-main) !important;
  color: var(--pg-bg) !important;
  border: none !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 20px rgba(240,165,0,0.18) !important;
}

button:hover,
.btn:hover,
.s-button-element:hover,
.s-button-primary:hover {
  background: var(--pg-main2) !important;
  color: var(--pg-bg) !important;
  transform: translateY(-1px);
  filter: brightness(1.05);
}

/* Inputs */
input,
textarea,
select,
.s-form-control,
.form-control {
  background: var(--pg-sur2) !important;
  color: var(--pg-txt) !important;
  border: 1px solid var(--pg-bdr) !important;
  border-radius: 12px !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--pg-mut) !important;
}

/* White backgrounds fix */
.bg-white,
.bg-light,
.bg-gray-50,
.bg-gray-100,
.shadow,
.shadow-sm,
.shadow-md,
.rounded-md,
.rounded-lg {
  background-color: var(--pg-sur) !important;
  color: var(--pg-txt) !important;
  border-color: var(--pg-bdr) !important;
}

/* Cart / checkout */
.s-cart-summary-wrapper,
.s-cart-summary,
.s-cart-item,
.cart-item,
.s-checkout,
.s-checkout-page,
.s-checkout-card,
.s-checkout-product,
.s-order-summary,
.s-payment-method,
.s-shipping-method,
.s-address-card,
.s-address-item {
  background: var(--pg-sur) !important;
  color: var(--pg-txt) !important;
  border: 1px solid var(--pg-bdr) !important;
  border-radius: 14px !important;
}

/* Search / dropdown / modal */
.s-search-container,
.s-search-input,
.s-search-modal,
.search-results,
.s-suggestions,
.s-user-menu,
.s-side-panel,
.s-offcanvas,
.s-modal,
.modal-content,
.dropdown-menu {
  background: var(--pg-sur) !important;
  color: var(--pg-txt) !important;
  border-color: var(--pg-bdr) !important;
}

/* Mobile menu */
.mobile-menu,
.side-menu,
.s-menu,
.s-menu-list,
.s-menu-item,
.s-offcanvas-body {
  background: var(--pg-bg) !important;
  color: var(--pg-txt) !important;
}

/* Tables */
table,
thead,
tbody,
tr,
td,
th {
  background: var(--pg-sur) !important;
  color: var(--pg-txt) !important;
  border-color: var(--pg-bdr) !important;
}

/* Badges / offers */
.badge,
.s-product-card-promotion-title,
.discount-badge {
  background: var(--pg-main) !important;
  color: var(--pg-bg) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

/* Icons */
svg,
i {
  color: var(--pg-main) !important;
}

/* Force text inside dark boxes */
.bg-white *,
.bg-light *,
.card *,
.s-card *,
.s-cart-summary *,
.s-checkout *,
.s-modal *,
.dropdown-menu * {
  color: var(--pg-txt) !important;
}

/* Inline white background override */
[style*="background: white"],
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background-color: white"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background-color: rgb(255, 255, 255)"] {
  background: var(--pg-sur) !important;
  color: var(--pg-txt) !important;
}

/* Borders */
.border,
.border-t,
.border-b,
.border-r,
.border-l {
  border-color: var(--pg-bdr) !important;
}

/* Features section */
section.s-block--features,
.s-block--features,
.s-block--features .container,
.s-block--features .grid {
  background: var(--pg-bg) !important;
  color: var(--pg-txt) !important;
  overflow: hidden !important;
}

/* Feature cards */
div.s-block--features__item,
.s-block--features__item,
.s-block--features__item.bg-white,
.s-block--features__item[class*="bg-"] {
  position: relative !important;
  background: var(--pg-sur) !important;
  background-color: var(--pg-sur) !important;
  color: var(--pg-txt) !important;
  border: 1px solid var(--pg-bdr) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.38) !important;
  overflow: hidden !important;
}

/* Feature text */
.s-block--features__item *,
.s-block--features__item h2,
.s-block--features__item h3,
.s-block--features__item h4,
.s-block--features__item p,
.s-block--features__item span {
  color: var(--pg-txt) !important;
}

.s-block--features__item p,
.s-block--features__item .text-gray-400,
.s-block--features__item .text-gray-500,
.s-block--features__item .text-gray-600 {
  color: var(--pg-dim) !important;
}

/* Feature icon circle */
.s-block--features__item .rounded-full,
.s-block--features__item [class*="rounded-full"],
.s-block--features__item .feature-icon {
  background: rgba(240,165,0,0.14) !important;
  color: var(--pg-main) !important;
  overflow: hidden !important;
}

/* Feature icons */
.s-block--features__item svg,
.s-block--features__item i {
  color: var(--pg-main) !important;
  fill: none !important;
}

/* Remove strange feature card edges */
.s-block--features__item::before,
.s-block--features__item::after,
.s-block--features__item *::before,
.s-block--features__item *::after {
  box-shadow: none !important;
}

/* Remove forced background inside feature cards */
.s-block--features__item [style*="background"],
.s-block--features__item [style*="background-color"] {
  background-color: transparent !important;
}

/* Top cart/user icons */
.s-cart-summary-count,
.s-cart-icon,
.header-btn,
.user-icon {
  color: var(--pg-txt) !important;
  border-color: var(--pg-bdr) !important;
}

/* Cart count bubble */
.s-cart-summary-count,
.cart-count,
.badge-danger {
  background: var(--pg-main) !important;
  color: var(--pg-bg) !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--pg-bg);
}

::-webkit-scrollbar-thumb {
  background: var(--pg-bdr);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--pg-main);
}

/* Fix footer different background color */

footer,
.store-footer,
footer.store-footer,
.store-footer__inner,
.store-footer__bottom,
.store-footer__top,
.store-footer .container,
.store-footer .s-container {
  background: #050506 !important;
  background-color: #050506 !important;
  color: #f4f4f4 !important;
}

/* Remove gray strip above footer */
.store-footer::before,
.store-footer::after,
footer::before,
footer::after {
  background: #050506 !important;
  background-color: #050506 !important;
}

/* Make footer inner box blend with page */
.store-footer__inner {
  border: 1px solid #2b2d35 !important;
  border-radius: 0 !important;
}

/* Copyright area */
.copyright,
.store-footer__copyright,
.store-footer__bottom,
.store-footer__bottom * {
  background: #050506 !important;
  color: #f4f4f4 !important;
  border-color: #2b2d35 !important;
}

/* Fix top navbar white strip + account icon */

/* Top nav white area */
#mainnav,
.main-nav-container,
.main-nav-container.bg-white,
header .main-nav-container,
.store-header,
.store-header *,
header.store-header,
header.store-header .inner,
#mainnav .inner,
#mainnav .bg-inherit {
  background: #050506 !important;
  background-color: #050506 !important;
  color: #f4f4f4 !important;
  border-color: #2b2d35 !important;
}

/* Remove top/bottom white borders */
#mainnav,
.main-nav-container,
.store-header {
  border-bottom: 1px solid #2b2d35 !important;
  box-shadow: none !important;
}

/* Account icon wrapper */
.s-user-menu-trigger,
.s-user-menu-wrapper,
.s-user-menu-trigger-avatar-only,
#trigger-slot,
#trigger-slot > div,
.user-menu-trigger {
  background: #101115 !important;
  background-color: #101115 !important;
  color: #f0a500 !important;
  border: 1px solid #2b2d35 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* Account avatar image */
.s-user-menu-trigger img,
.s-user-menu-wrapper img,
.user-menu-trigger img,
#trigger-slot img {
  background: #101115 !important;
  border-radius: 12px !important;
  border: none !important;
}

/* Cart area beside account */
.s-cart-summary-wrapper,
.s-cart-summary-total,
.s-cart-summary,
.s-cart-icon,
.header-btn,
.header-btn__icon,
.header-btn__text {
  background: #101115 !important;
  color: #f4f4f4 !important;
  border-color: #2b2d35 !important;
}

/* Cart number bubble */
.s-cart-summary-count,
.cart-count {
  background: #f0a500 !important;
  color: #050506 !important;
}

/* Icons in header */
.store-header svg,
.store-header i,
#mainnav svg,
#mainnav i {
  color: #f0a500 !important;
}

/* Fix product comments white section */

salla-comments,
salla-comments.hydrated,
.s-comments,
.s-comments-product,
.s-comments .container,
.s-comments-product .container,
.s-comments-form,
.s-comments-list,
.s-comments-item,
.s-comments-comment,
.s-comments-comment-form {
  background: #050506 !important;
  background-color: #050506 !important;
  color: #f4f4f4 !important;
  border-color: #2b2d35 !important;
}

/* Comment input box */
.s-comments textarea,
.s-comments input,
.s-comments-product textarea,
.s-comments-product input,
salla-comments textarea,
salla-comments input {
  background: #101115 !important;
  color: #f4f4f4 !important;
  border: 1px solid #2b2d35 !important;
  border-radius: 14px !important;
}

.s-comments textarea::placeholder,
.s-comments input::placeholder,
salla-comments textarea::placeholder,
salla-comments input::placeholder {
  color: #9ea0a8 !important;
}

/* Send button */
.s-comments button,
.s-comments-product button,
salla-comments button {
  background: #f0a500 !important;
  color: #050506 !important;
  border: none !important;
  border-radius: 12px !important;
}

/* Fix quantity input edges */

salla-quantity-input,
.s-quantity-input-container,
div.s-quantity-input-container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* Quantity number */
.s-quantity-input-input,
.s-quantity-input-container input {
  background: #101115 !important;
  color: #f4f4f4 !important;
  border: 1px solid #2b2d35 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Plus / minus buttons */
.s-quantity-input-button,
.s-quantity-input-container button {
  background: #f0a500 !important;
  color: #050506 !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove inner weird borders */
.s-quantity-input-container *,
salla-quantity-input * {
  box-shadow: none !important;
  outline: none !important;
}

/* Make icons inside orange buttons white */

/* Quantity + / - icons */
.s-quantity-input-button svg,
.s-quantity-input-button i,
.s-quantity-input-container button svg,
.s-quantity-input-container button i,
salla-quantity-input button svg,
salla-quantity-input button i {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
}

/* Slider arrows */
.swiper-button-next svg,
.swiper-button-prev svg,
.s-slider-next svg,
.s-slider-prev svg,
.swiper-button-next i,
.swiper-button-prev i,
.s-slider-next i,
.s-slider-prev i {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
}

/* Favorite / wishlist button icon */
.s-product-card-wishlist-btn svg,
.s-product-card-wishlist-btn i,
button[aria-label*="wishlist"] svg,
button[aria-label*="favorite"] svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
}

/* Header cart/account icons if inside dark/orange buttons */
.header-btn svg,
.header-btn i,
.s-cart-icon svg,
.s-cart-icon i,
.s-user-menu-trigger svg,
.s-user-menu-trigger i {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Buy now / add to cart icons */
.s-add-product-button svg,
.s-add-product-button i,
.s-button-element svg,
.s-button-element i,
button svg,
button i {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* But keep button text dark only on main yellow buttons */
.s-button-primary,
.btn-primary,
button[type="submit"] {
  color: #050506 !important;
}

/* Force only the icons inside those buttons to white */
.s-button-primary svg,
.s-button-primary i,
.btn-primary svg,
.btn-primary i,
button[type="submit"] svg,
button[type="submit"] i {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Fix Add to Cart Toast Notification */

salla-add-product-toast,
salla-add-product-toast.s-add-product-toast,
.s-add-product-toast,
.s-add-product-toast-visible {
  background: #101115 !important;
  background-color: #101115 !important;
  color: #f4f4f4 !important;
  border: 1px solid #2b2d35 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.55) !important;
  overflow: hidden !important;
}

/* Toast inner content */
salla-add-product-toast *,
.s-add-product-toast * {
  color: #f4f4f4 !important;
  border-color: #2b2d35 !important;
}

/* Product row inside toast */
.s-add-product-toast-product,
.s-add-product-toast-content,
.s-add-product-toast-item,
.s-add-product-toast-body,
.s-add-product-toast-header {
  background: #101115 !important;
  background-color: #101115 !important;
  color: #f4f4f4 !important;
}

/* Product image area */
.s-add-product-toast img,
salla-add-product-toast img {
  background: #0b0c10 !important;
  border-radius: 10px !important;
}

/* Close X */
.s-add-product-toast button,
salla-add-product-toast button {
  border-radius: 12px !important;
}

/* Toast buttons */
.s-add-product-toast a,
.s-add-product-toast button,
salla-add-product-toast a,
salla-add-product-toast button {
  background: #f0a500 !important;
  color: #050506 !important;
  border: 1px solid #f0a500 !important;
  font-weight: 700 !important;
}

/* Icons inside toast buttons */
.s-add-product-toast svg,
.s-add-product-toast i,
salla-add-product-toast svg,
salla-add-product-toast i {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Make second button dark with orange border if there are two buttons */
.s-add-product-toast a:nth-of-type(2),
.s-add-product-toast button:nth-of-type(2),
salla-add-product-toast a:nth-of-type(2),
salla-add-product-toast button:nth-of-type(2) {
  background: #101115 !important;
  color: #f4f4f4 !important;
  border: 1px solid #f0a500 !important;
}

/* Remove any weird white/green background inside */
.s-add-product-toast [style*="background"],
.s-add-product-toast [style*="background-color"],
salla-add-product-toast [style*="background"],
salla-add-product-toast [style*="background-color"] {
  background-color: #101115 !important;
}

/* Refine toast product name - remove orange background */

.s-add-product-toast__name,
.s-add-product-toast_name,
.s-add-product-toast-name,
.s-add-product-toast .s-add-product-toast__name,
salla-add-product-toast .s-add-product-toast__name {
  background: transparent !important;
  background-color: transparent !important;
  color: #f4f4f4 !important;
  border: none !important;
  padding: 0 !important;
  font-weight: 700 !important;
}

/* Toast title/message */
.s-add-product-toast__title,
.s-add-product-toast__message,
.s-add-product-toast_header,
.s-add-product-toast__header,
salla-add-product-toast .s-add-product-toast__title {
  background: transparent !important;
  color: #f4f4f4 !important;
}

/* Product details area */
.s-add-product-toast_details,
.s-add-product-toast__details,
.s-add-product-toast_body,
.s-add-product-toast__body {
  background: #101115 !important;
  color: #f4f4f4 !important;
}

/* Product price in toast */
.s-add-product-toast__price,
.s-add-product-toast_price,
.s-add-product-toast .price {
  color: #f0a500 !important;
  background: transparent !important;
  font-weight: 700 !important;
}

/* Top progress/status bar */
.s-add-product-toast::before,
.s-add-product-toast__progress,
.s-add-product-toast_progress,
salla-add-product-toast::before {
  background: #f0a500 !important;
  background-color: #f0a500 !important;
}

/* Success check icon */
.s-add-product-toast .sicon-check,
.s-add-product-toast svg,
salla-add-product-toast svg {
  color: #f0a500 !important;
  stroke: #f0a500 !important;
}

/* Close button */
.s-add-product-toast__close,
.s-add-product-toast_close,
salla-add-product-toast button[aria-label*="close"] {
  background: #f0a500 !important;
  color: #050506 !important;
  border-radius: 999px !important;
}

/* Fix language modal / popup theme */

salla-modal,
salla-modal.hydrated,
.s-modal-wrapper,
.s-modal,
.s-modal-container {
  color: #f4f4f4 !important;
}

/* Overlay خلفية المودال */
.s-modal-overlay,
salla-modal::part(overlay) {
  background: rgba(5, 5, 6, 0.78) !important;
  backdrop-filter: blur(4px) !important;
}

/* Main modal box */
.s-modal-body,
.s-modal-padding,
.s-modal-entering,
.s-modal-align-middle,
.s-modal-xs,
.s-modal-md,
.s-modal-lg,
salla-modal .s-modal-body {
  background: #101115 !important;
  background-color: #101115 !important;
  color: #f4f4f4 !important;
  border: 1px solid #2b2d35 !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.55) !important;
}

/* Remove weird beige/green strips */
.s-modal-body *,
.s-modal-padding *,
salla-modal * {
  border-color: #2b2d35 !important;
}

/* Language rows */
.s-modal-body label,
.s-modal-body .flex,
.s-modal-body a,
.s-modal-body button:not(.s-modal-close),
salla-modal label,
salla-modal a {
  background: #101115 !important;
  color: #f4f4f4 !important;
}

/* Text inside modal */
.s-modal-body h1,
.s-modal-body h2,
.s-modal-body h3,
.s-modal-body p,
.s-modal-body span,
.s-modal-body label,
salla-modal h1,
salla-modal h2,
salla-modal h3,
salla-modal p,
salla-modal span,
salla-modal label {
  color: #f4f4f4 !important;
}

/* Radio buttons / language dots */
.s-modal-body input[type="radio"],
salla-modal input[type="radio"] {
  accent-color: #f0a500 !important;
}

/* Confirm button */
.s-modal-body button,
salla-modal button {
  background: #f0a500 !important;
  color: #050506 !important;
  border: 1px solid #f0a500 !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
}

/* Close X */
.s-modal-close,
.s-modal-body .s-modal-close,
salla-modal .s-modal-close {
  background: #f0a500 !important;
  color: #050506 !important;
  border-radius: 999px !important;
  border: none !important;
}

/* Icons inside modal */
.s-modal-body svg,
.s-modal-body i,
salla-modal svg,
salla-modal i {
  color: #f0a500 !important;
  stroke: #f0a500 !important;
}

/* Kill inline white backgrounds */
.s-modal-body [style*="background"],
.s-modal-body [style*="background-color"],
salla-modal [style*="background"],
salla-modal [style*="background-color"] {
  background-color: transparent !important;
}

/* But keep the modal body dark */
.s-modal-body {
  background-color: #101115 !important;
}

/* Fix customer account / settings page */

body.customer-settings,
.customer-settings main,
.customer-settings #main-content,
.customer-settings .main-content,
.customer-settings .container,
.customer-settings .s-container {
  background: #050506 !important;
  color: #f4f4f4 !important;
}

/* Remove big orange side blocks on account pages */
body.customer-settings .bg-primary,
body.customer-settings [class*="bg-primary"] {
  background: #050506 !important;
  background-color: #050506 !important;
}

/* Sidebar account menu */
.customer-settings .s-user-menu,
.customer-settings .s-user-menu-wrapper,
.customer-settings .s-user-sidebar,
.customer-settings aside,
.customer-settings nav {
  background: #101115 !important;
  color: #f4f4f4 !important;
  border: 1px solid #2b2d35 !important;
  border-radius: 16px !important;
}

/* Settings white cards */
salla-user-settings,
.s-user-settings,
.s-user-settings-wrapper,
.s-user-settings-section,
.s-user-settings-section-notifications,
.s-user-settings-section-deactivate-user,
.s-list-tile,
.s-list-tile-item,
a.s-list-tile-item {
  background: #101115 !important;
  background-color: #101115 !important;
  color: #f4f4f4 !important;
  border-color: #2b2d35 !important;
}

/* Each settings row */
.s-list-tile-item,
a.s-list-tile-item,
.s-user-settings-section > div,
.s-user-settings-section-notifications,
.s-user-settings-section-deactivate-user {
  border-bottom: 1px solid #2b2d35 !important;
}

/* Text inside settings */
.s-list-tile-item *,
.s-user-settings *,
.customer-settings h1,
.customer-settings h2,
.customer-settings h3,
.customer-settings p,
.customer-settings span,
.customer-settings label,
.customer-settings a {
  color: #f4f4f4 !important;
}

/* Descriptions muted */
.s-list-tile-item small,
.s-list-tile-item p,
.s-user-settings .text-gray-400,
.s-user-settings .text-gray-500,
.s-user-settings .text-gray-600,
.s-user-settings .text-gray-700 {
  color: #9ea0a8 !important;
}

/* Icons */
.s-list-tile-item svg,
.s-list-tile-item i,
.s-user-settings svg,
.s-user-settings i {
  color: #f0a500 !important;
  stroke: #f0a500 !important;
}

/* Toggle switch */
.s-toggle,
.s-toggle-switch,
input[type="checkbox"] {
  accent-color: #f0a500 !important;
}

/* Deactivate button */
.s-user-settings button,
.s-user-settings .s-button-element,
.customer-settings button {
  background: #f0a500 !important;
  color: #050506 !important;
  border: 1px solid #f0a500 !important;
  border-radius: 12px !important;
}

/* Logout icon stays red */
.customer-settings .sicon-logout,
.customer-settings [class*="logout"] svg,
.customer-settings [class*="logout"] i {
  color: #ff4444 !important;
  stroke: #ff4444 !important;
}