/*
Theme Name: Astra Child
Theme URI: https://www.dopevill.hu
Description: Minimal dark skin for DopeVill WooCommerce.
Author: DopeVill
Version: 1.0.0
Template: astra
Text Domain: astra-child
*/

/* === GLOBAL === */
body,
.ast-separate-container,
.ast-plain-container,
.ast-page-builder-template {
  background: #1e2528 !important;
  color: #e8eef0 !important;
  font-family: "Barlow", sans-serif;
}

a { color: #c8d400; }
a:hover { color: #dae622; }

h1, h2, h3, h4, h5, h6 { color: #e8eef0 !important; }
p, li, td, th, span, div { color: inherit; }

/* === HEADER === */
.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-mobile-header-wrap,
#ast-mobile-header {
  background: #1e2528 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.main-header-bar .site-title a,
.ast-site-identity .site-title a { color: #e8eef0 !important; }
.main-header-menu > .menu-item > a,
.ast-header-break-point .ast-mobile-popup-content a { color: #a0aeb5 !important; }
.main-header-menu > .menu-item > a:hover,
.main-header-menu > .menu-item.current-menu-item > a { color: #c8d400 !important; }
.ast-mobile-popup-drawer .ast-mobile-popup-inner { background: #232a2e !important; }
.ast-mobile-header-content a,
.ast-mobile-popup-content .menu-item a { color: #a0aeb5 !important; }

/* Sub-menu */
.main-header-menu .sub-menu,
.ast-desktop-header-content .sub-menu {
  background: #2a3338 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}
.main-header-menu .sub-menu a { color: #a0aeb5 !important; }
.main-header-menu .sub-menu a:hover { color: #c8d400 !important; background: rgba(200,212,0,0.08) !important; }

/* === FOOTER === */
.site-footer,
.ast-footer-overlay,
.ast-small-footer,
#colophon,
.ast-footer-copyright,
.site-below-footer-wrap,
.site-above-footer-wrap,
.ast-builder-footer-grid-columns {
  background: #232a2e !important;
  color: #a0aeb5 !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}
.site-footer a { color: #a0aeb5 !important; }
.site-footer a:hover { color: #c8d400 !important; }
.site-footer .widget-title { color: #e8eef0 !important; }

/* === CONTENT AREA === */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-page,
.ast-separate-container #primary {
  background: transparent !important;
}
.entry-title a { color: #e8eef0 !important; }
.entry-title a:hover { color: #c8d400 !important; }

/* === BUTTONS === */
.button,
button[type="submit"],
input[type="submit"],
.wp-element-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
#place_order,
.checkout-button,
.ast-button,
a.ast-button,
.menu-toggle {
  background: #c8d400 !important;
  color: #1e2528 !important;
  border: none !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.wp-element-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce #respond input#submit:hover,
#place_order:hover {
  background: #dae622 !important;
  color: #1e2528 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 20px rgba(200,212,0,0.3) !important;
}

/* === INPUTS === */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea,
select,
.select2-container--default .select2-selection--single {
  background: #2a3338 !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #e8eef0 !important;
  border-radius: 8px !important;
  transition: border-color 0.3s ease !important;
}
input:focus, textarea:focus, select:focus,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #c8d400 !important;
  box-shadow: 0 0 0 3px rgba(200,212,0,0.12) !important;
  outline: none !important;
}
input::placeholder, textarea::placeholder { color: #6b7b83 !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #e8eef0 !important; }
.select2-dropdown { background: #2a3338 !important; border-color: rgba(255,255,255,0.12) !important; }
.select2-results__option { color: #a0aeb5 !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: rgba(200,212,0,0.15) !important;
  color: #c8d400 !important;
}

label,
.woocommerce form .form-row label { color: #a0aeb5 !important; }

/* === WOOCOMMERCE PRODUCTS === */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: #2a3338 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  overflow: hidden;
  transition: all 0.3s ease;
}
.woocommerce ul.products li.product:hover {
  border-color: rgba(200,212,0,0.3) !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(0,0,0,0.4);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 { color: #e8eef0 !important; }
.woocommerce ul.products li.product .price { color: #c8d400 !important; font-weight: 700 !important; }
.woocommerce ul.products li.product .price del { color: #6b7b83 !important; }
.woocommerce ul.products li.product .price ins { color: #c8d400 !important; text-decoration: none !important; }

.woocommerce span.onsale {
  background: #c8d400 !important;
  color: #1e2528 !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}
.woocommerce .star-rating { color: #c8d400 !important; }

/* === SINGLE PRODUCT === */
.woocommerce div.product p.price,
.woocommerce div.product span.price { color: #c8d400 !important; font-weight: 700 !important; }
.woocommerce div.product p.price del { color: #6b7b83 !important; }
.woocommerce div.product .product_meta { color: #6b7b83 !important; }
.woocommerce div.product .product_meta a { color: #c8d400 !important; }
.woocommerce div.product .woocommerce-product-details__short-description { color: #a0aeb5 !important; }

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  background: transparent !important;
  border-bottom: 2px solid rgba(255,255,255,0.08) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom-color: rgba(255,255,255,0.08) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #6b7b83 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #c8d400 !important; }
.woocommerce div.product .woocommerce-tabs .panel {
  background: #2a3338 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  color: #a0aeb5 !important;
}

/* === TABLES (CART, CHECKOUT) === */
.woocommerce table.shop_table {
  background: #2a3338 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
}
.woocommerce table.shop_table th {
  background: #232a2e !important;
  color: #e8eef0 !important;
  border-color: rgba(255,255,255,0.08) !important;
}
.woocommerce table.shop_table td {
  color: #a0aeb5 !important;
  border-color: rgba(255,255,255,0.08) !important;
}
.woocommerce td.product-name a { color: #e8eef0 !important; }
.woocommerce td.product-name a:hover { color: #c8d400 !important; }

/* Cart totals */
.woocommerce .cart_totals,
.woocommerce .cart-collaterals .cart_totals {
  background: #2a3338 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  padding: 20px !important;
}

/* === CHECKOUT === */
.woocommerce-checkout #payment {
  background: #2a3338 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
}
.woocommerce-checkout #payment div.payment_box {
  background: #1e2528 !important;
  color: #a0aeb5 !important;
}
.woocommerce-checkout #payment div.payment_box::before { display: none; }
.woocommerce-checkout #payment ul.payment_methods li label { color: #e8eef0 !important; }

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  background: #2a3338 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
}

/* === MY ACCOUNT === */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: #2a3338 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  padding: 16px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { color: #a0aeb5 !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { color: #e8eef0 !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #c8d400 !important;
  font-weight: 600;
}
.woocommerce-MyAccount-content { color: #a0aeb5 !important; }

/* === NOTICES === */
.woocommerce-message,
.woocommerce-info {
  background: #2a3338 !important;
  border-top-color: #c8d400 !important;
  color: #e8eef0 !important;
}
.woocommerce-message::before,
.woocommerce-info::before { color: #c8d400 !important; }

.woocommerce-error {
  background: #2a3338 !important;
  border-top-color: #ff6b6b !important;
  color: #e8eef0 !important;
}
.woocommerce-error::before { color: #ff6b6b !important; }

/* === PAGINATION === */
.woocommerce nav.woocommerce-pagination ul { border: none !important; }
.woocommerce nav.woocommerce-pagination ul li { border: none !important; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: #2a3338 !important;
  color: #a0aeb5 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  color: #c8d400 !important;
  border-color: rgba(200,212,0,0.3) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #c8d400 !important;
  color: #1e2528 !important;
  border-color: #c8d400 !important;
}

/* === BREADCRUMBS === */
.woocommerce-breadcrumb,
.ast-breadcrumbs { color: #6b7b83 !important; }
.woocommerce-breadcrumb a,
.ast-breadcrumbs a { color: #a0aeb5 !important; }
.woocommerce-breadcrumb a:hover,
.ast-breadcrumbs a:hover { color: #c8d400 !important; }

/* === WIDGETS === */
.widget { color: #a0aeb5; }
.widget-title { color: #e8eef0 !important; }
.widget ul li a { color: #a0aeb5 !important; }
.widget ul li a:hover { color: #c8d400 !important; }

.woocommerce .widget_price_filter .ui-slider { background: #313b40 !important; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background: #c8d400 !important; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-range { background: #c8d400 !important; }

/* === QUANTITY INPUT === */
.woocommerce .quantity input.qty {
  background: #2a3338 !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #e8eef0 !important;
}

/* === REMOVE BUTTON === */
.woocommerce a.remove { color: #ff6b6b !important; }
.woocommerce a.remove:hover { background: rgba(255,107,107,0.1) !important; color: #ff6b6b !important; }

/* === SCROLLBAR === */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #1e2528; }
::-webkit-scrollbar-thumb { background: #313b40; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #c8d400; }

/* === SELECTION === */
::selection { background: #c8d400; color: #1e2528; }