/**
 * Dark Mode Styles
 *
 * Loaded when ACF "Theme Color" is set to Dark.
 * Applied on checkout and cart pages.
 */

#dark {
  background: #17191c !important;
}

#dark .woocommerce-checkout #main-content {
  background-color: #17191C !important;
}

#dark #produse-vedeta,
#dark .header.light-bg,
#dark div#info-text {
  background: #17191c !important;
  color: #fff;
}

#dark .total__amount,
#dark ul.woocommerce-mini-cart .header_mini_cart,
#dark .mini-cart-header .back-to-shopping,
#dark .woocommerce-mini-cart__buttons {
  background: #1f2326 !important;
  color: #fff;
}


#dark div#checkout-section-delivery,
#dark div#checkout-section-personal,
#dark div#checkout-section-payment-notes,
#dark div#order_review,
#dark div#checkout-coupon-form-custom,
#dark div#payment,
#dark .form-row.place-order,
#dark .tips-section,
#dark .tip-option,
#dark .tip-amount-display,
#dark .woocommerce .wrapper.login,
#dark .woocommerce .wrapper.login .woocommerce-info,
#dark .woocommerce .wrapper.checkout-custom-banner,
#dark.page-template-contact-page .header-one-cards,
#dark form#reservationForm,
#dark div#reservationResult {
  background: #202326;
}

#dark header.header.clear.header-type-full.landing-active .main-header.navbar-fixed-top {
  background: #202326 !important;
}

#dark h2,
#dark span,
#dark p,
#dark h3,
#dark #info-text p,
#dark #info-text p a,
#dark .woocommerce form .form-row label,
#dark .woocommerce form ul.product_name_checkout *,
#dark .woocommerce form h3#order_review_heading,
#dark .woocommerce form strong.product-quantity,
#dark .woocommerce form tr.cart-subtotal th,
#dark .woocommerce form tr.woocommerce-shipping-totals.shipping th,
#dark .woocommerce form tr.order-total th,
#dark .woocommerce form ul#shipping_method *,
#dark div#checkout-coupon-form-custom label,
#dark .woocommerce form .back-to-shop a,
#dark .woocommerce table.shop_table tfoot th,
#dark header.header-type-full.landing-active~.wrapper h1,
#dark .tips-label,
#dark .woocommerce .wrapper.login,
#dark .woocommerce .wrapper.login .woocommerce-info,
#dark .woocommerce .wrapper.checkout-custom-banner,
#dark form.wpcf7-form label,
#dark form.wpcf7-form p,
#dark #despre-section .inner-content,
#dark form.wpcf7-form input:not([type="submit"]),
#dark form.wpcf7-form textarea,
#dark form#reservationForm,
#dark div#reservationResult,
#dark .rtb-booking-form label,
#dark .rtb-booking-form input,
#dark textarea.form-control {
  color: #fff !important;
}

#dark .blue-cards label,
#dark form.wpcf7-form input:not([type="submit"]),
#dark form.wpcf7-form textarea,
#dark .rtb-booking-form input,
#dark textarea.form-control {
  background: #333333;
}

#dark form .form-row input.input-text,
#dark form .form-row textarea,
#dark form .checkout_coupon #coupon_code {
  padding: 8px 12px;
  min-height: 48px;
  border: 1px solid rgba(51, 51, 51, 0.15) !important;
  border-radius: 10px;
  background-color: #333 !important;
  color: #fff;
}

#dark -review-order th,
#dark -review-order td,
#dark .checkout-section-title {
  border-bottom: 1px solid #555;
}

#dark div#order_review {
  border: none;
}

body#dark .back-to-shop a,
body#dark .woocommerce-NoticeGroup-checkout .dismiss_error {
  background-color: #333 !important;
  border: 1px solid rgba(51, 51, 51, 0.5) !important;
}

#dark .slick-dots li.slick-active button {
  color: #fff;
  background-color: #fff !important;
}

#dark.home div#locatii .card h3,
#dark.home div#locatii .card p,
#dark.home div#locatii .card p a,
body#dark h2.horeka-cookie-banner__title,
body#dark p.horeka-cookie-banner__description {
  color: #000 !important;
}

#dark footer .facebook_footer_contact.contact-item a i {
  color: #fff !important;
}

/* jQuery UI Datepicker — dark mode */
#dark .ui-datepicker {
  background: #202326;
  color: #fff;
  border: 1px solid #444;
  border-radius: 8px;
  padding: 4px;
}

#dark .ui-datepicker-header {
  background: #17191c;
  color: #fff;
  border: none;
  border-radius: 6px 6px 0 0;
}

#dark .ui-datepicker-title,
#dark header.header-type-full.landing-active~.wrapper h1,
#dark .product__details a {
  color: #fff;
}

#dark .ui-datepicker-prev,
#dark .ui-datepicker-next {
  cursor: pointer;
}

#dark .ui-datepicker-prev .ui-icon,
#dark .ui-datepicker-next .ui-icon {
  color: #fff !important;
}

#dark .ui-datepicker-prev:hover,
#dark .ui-datepicker-next:hover {
  background: #333;
  border-radius: 4px;
}

#dark .rtb-booking-form button:hover,
#dark .woocommerce #payment #place_order:hover,
#dark .woocommerce-page #payment #place_order:hover,
#dark button.button.apply-coupon:hover {
  background-color: #333 !important;
  color: #fff !important;
  border-color: #fff !important;
}

#dark .ui-datepicker th {
  color: #aaa;
}

#dark .ui-datepicker td a,
#dark .ui-datepicker td span {
  color: #fff !important;
  background: transparent;
  border: 1px solid transparent;
}

#dark .ui-datepicker td a.ui-state-hover {
  background: #333;
  border-color: #555;
  border-radius: 4px;
}

#dark .ui-datepicker td a.ui-state-highlight {
  background: rgba(var(--primary-rgb), 0.2);
  border-color: var(--primary-color, #7c008c);
  border-radius: 4px;
}

#dark .ui-datepicker td a.ui-state-active {
  background: var(--primary-color, #7c008c);
  color: #fff !important;
  border-color: var(--primary-color, #7c008c);
  border-radius: 4px;
}

#dark .ui-datepicker td.ui-state-disabled span {
  color: #ababab !important;
}

body#dark .contact-info-block .form-block form label span,
body#dark .contact-info-block p {
  color: #000 !important;
}

body.privacy-policy .header-one-cards {
  padding: 40px;
}

#dark .mini-cart-overlay {
  background-color: rgb(0 0 0 / 76%);
}