/*
 * fioricet40mg.com — WooCommerce Overrides (DARK THEME)
 * Font: Outfit | Primary: #7c3aed (violet) | Accent: #eab308 (gold)
 * Body bg: #0b0814 (dark) | Text: #e8e0f0
 */

/* ========== Google Font Import ========== */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

/* ========== Typography ========== */
body.woocommerce,
body.woocommerce-page,
.woocommerce,
.woocommerce-page {
  font-family: 'Outfit', sans-serif !important;
  color: #e8e0f0 !important;
  background-color: #0b0814 !important;
}

.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce h5, .woocommerce h6,
.page-title,
.woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.entry-title {
  font-family: 'Outfit', sans-serif !important;
  color: #f5f0ff !important;
  font-weight: 700 !important;
}

.woocommerce div.product .product_title {
  font-size: 1.85rem !important;
  font-weight: 800 !important;
}

.woocommerce p, .woocommerce span, .woocommerce li, .woocommerce td, .woocommerce th, .woocommerce label, .woocommerce input, .woocommerce select, .woocommerce textarea {
  font-family: 'Outfit', sans-serif !important;
}

/* ========== Dark Background Overrides ========== */
.woocommerce .content-area,
.woocommerce-page .content-area,
.woocommerce .site-content,
.woocommerce-page .site-main,
.woocommerce #content,
.woocommerce .site-content,
.woocommerce main.site-main {
  background-color: #0b0814 !important;
}

/* ========== Buttons ========== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce .checkout-button,
.woocommerce .add_to_cart_button,
.woocommerce .single_add_to_cart_button,
.btn,
input[type="submit"] {
  background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 30px !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0.2px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 3px 14px rgba(124, 58, 237, 0.35) !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .checkout-button:hover,
.woocommerce .add_to_cart_button:hover,
.woocommerce .single_add_to_cart_button:hover,
.btn:hover,
input[type="submit"]:hover {
  background: linear-gradient(135deg, #6d28d9, #5b21b6) !important;
  color: #fff !important;
  box-shadow: 0 6px 22px rgba(124, 58, 237, 0.5) !important;
  transform: translateY(-1px) !important;
}

/* ========== Links ========== */
.woocommerce a {
  color: #eab308 !important;
  transition: color 0.2s ease !important;
}

.woocommerce a:hover {
  color: #7c3aed !important;
}

/* ========== Product Cards (DARK) ========== */
.woocommerce ul.products li.product,
.products .product {
  background: #13101f !important;
  border: 1px solid #221a35 !important;
  border-radius: 14px !important;
  padding: 16px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.35s ease !important;
}

.woocommerce ul.products li.product:hover,
.products .product:hover {
  box-shadow: 0 8px 30px rgba(124, 58, 237, 0.15) !important;
  border-color: #7c3aed !important;
  transform: translateY(-4px) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
  color: #f5f0ff !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  padding: 10px 0 4px !important;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #7c3aed !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
}

.woocommerce ul.products li.product .price del {
  color: #6b6280 !important;
  opacity: 0.6 !important;
}

.woocommerce ul.products li.product .price ins {
  color: #7c3aed !important;
  text-decoration: none !important;
}

.woocommerce span.onsale {
  background: linear-gradient(135deg, #eab308, #ca8a04) !important;
  color: #0b0814 !important;
  border-radius: 8px !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
}

/* ========== Product Images ========== */
.woocommerce ul.products li.product img,
.woocommerce div.product div.images img {
  border-radius: 10px !important;
  border: 1px solid #221a35 !important;
}

/* ========== WooCommerce Notices (DARK) ========== */
.woocommerce-message {
  border-top-color: #eab308 !important;
  background-color: #161020 !important;
  color: #e8e0f0 !important;
}

.woocommerce-message::before {
  color: #eab308 !important;
}

.woocommerce-info {
  border-top-color: #7c3aed !important;
  background-color: #130e20 !important;
  color: #e8e0f0 !important;
}

.woocommerce-info::before {
  color: #7c3aed !important;
}

.woocommerce-error {
  border-top-color: #ef4444 !important;
  background-color: #1a0e0e !important;
  color: #fca5a5 !important;
}

.woocommerce-error::before {
  color: #ef4444 !important;
}

/* ========== Cart / Checkout Tables (DARK) ========== */
.woocommerce table.shop_table,
.woocommerce table.cart,
.woocommerce-checkout table {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #221a35 !important;
  border-collapse: separate !important;
  background-color: #13101f !important;
}

.woocommerce table.shop_table thead th,
.woocommerce table.cart thead th {
  background-color: #1c1530 !important;
  color: #f5f0ff !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 600 !important;
  padding: 14px 16px !important;
  border: none !important;
}

.woocommerce table.shop_table td,
.woocommerce table.cart td {
  border-bottom: 1px solid #221a35 !important;
  padding: 14px 16px !important;
  color: #e8e0f0 !important;
  background-color: #13101f !important;
}

.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
  background-color: #13101f !important;
  color: #e8e0f0 !important;
  border-color: #221a35 !important;
}

.woocommerce table.shop_table tbody tr:last-child td {
  border-bottom: none !important;
}

/* ========== Checkout Sections (DARK) ========== */
.woocommerce-checkout #payment,
.woocommerce-checkout .woocommerce-checkout-review-order {
  background-color: #13101f !important;
  border-color: #221a35 !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  background-color: #0f0c1a !important;
  border-color: #221a35 !important;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: #1c1530 !important;
  color: #e8e0f0 !important;
}

/* ========== Form Inputs (DARK) ========== */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce input[type="number"],
.woocommerce select,
.woocommerce textarea {
  border: 1.5px solid #2d2345 !important;
  border-radius: 10px !important;
  padding: 11px 14px !important;
  font-family: 'Outfit', sans-serif !important;
  color: #e8e0f0 !important;
  background-color: #0f0c1a !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce input:focus,
.woocommerce select:focus,
.woocommerce textarea:focus {
  border-color: #eab308 !important;
  box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.12) !important;
  outline: none !important;
}

/* ========== Breadcrumbs ========== */
.woocommerce .woocommerce-breadcrumb {
  font-family: 'Outfit', sans-serif !important;
  color: #6b6280 !important;
  font-size: 0.875rem !important;
  padding: 12px 0 !important;
}

.woocommerce .woocommerce-breadcrumb a {
  color: #eab308 !important;
}

.woocommerce .woocommerce-breadcrumb a:hover {
  color: #7c3aed !important;
}

/* ========== Pagination ========== */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color: #e8e0f0 !important;
  font-family: 'Outfit', sans-serif !important;
  border-color: #2d2345 !important;
  background-color: #13101f !important;
  border-radius: 8px !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
  color: #fff !important;
  border-color: #7c3aed !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
  color: #fff !important;
  border-color: #7c3aed !important;
  font-weight: 700 !important;
}

/* ========== My Account (DARK) ========== */
.woocommerce-MyAccount-navigation {
  background-color: #13101f !important;
  border-radius: 12px !important;
  border: 1px solid #221a35 !important;
}

.woocommerce-MyAccount-navigation ul li a {
  color: #e8e0f0 !important;
  font-family: 'Outfit', sans-serif !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  transition: background-color 0.2s ease !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
  background-color: #1c1530 !important;
  color: #7c3aed !important;
}

.woocommerce-MyAccount-content {
  color: #e8e0f0 !important;
}

/* ========== Quantity Inputs (DARK) ========== */
.woocommerce .quantity .qty {
  border: 1.5px solid #2d2345 !important;
  border-radius: 8px !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 600 !important;
  width: 60px !important;
  background-color: #0f0c1a !important;
  color: #e8e0f0 !important;
}

/* ========== Star Ratings ========== */
.woocommerce .star-rating span::before {
  color: #eab308 !important;
}

/* ========== Tabs on Single Product (DARK) ========== */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  background-color: #13101f !important;
  border-color: #221a35 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color: #13101f !important;
  border-color: #221a35 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: 'Outfit', sans-serif !important;
  color: #8b82a0 !important;
  font-weight: 500 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background-color: #0b0814 !important;
  border-bottom-color: #0b0814 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #7c3aed !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
  background-color: #0b0814 !important;
  color: #e8e0f0 !important;
}

/* ========== Cart Totals / Coupon (DARK) ========== */
.woocommerce .cart-collaterals,
.woocommerce .cart_totals {
  background-color: #13101f !important;
  border-radius: 12px !important;
  border: 1px solid #221a35 !important;
}

.cart_totals th,
.cart_totals td {
  color: #e8e0f0 !important;
}

/* ========== Misc Dark Overrides ========== */
.woocommerce .woocommerce-ordering select,
.woocommerce .woocommerce-result-count {
  color: #e8e0f0 !important;
}

.woocommerce-ordering select {
  background-color: #0f0c1a !important;
  border-color: #2d2345 !important;
}

/* ========== Widget Areas in Shop (DARK) ========== */
.woocommerce .widget,
.woocommerce .sidebar .widget {
  background-color: #13101f !important;
  border: 1px solid #221a35 !important;
  border-radius: 10px !important;
  color: #e8e0f0 !important;
}

.woocommerce .widget .widget-title {
  color: #f5f0ff !important;
  font-family: 'Outfit', sans-serif !important;
}