/* Light Theme Specific Styles */

:root {
    --header-bg-color: rgba(240, 240, 240, 0.75);
    --header-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    --container-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    --header-border: 1px solid rgba(0, 0, 0, 0.1);
    --footer-text-color: #6c757d;
    --footer-link-color: #007bff;
}

/* Light theme colors */
.main-header {
    background-color: var(--header-bg-color);
    box-shadow: var(--container-shadow);
    border-bottom: var(--header-border);
}

/* Navigation links */
.nav-link {
    color: #333333 !important;
}

.nav-link:hover {
    background-color: #f0f0f0 !important;
    color: #f44336 !important;
}

.nav-link.disabled {
    color: #999999 !important;
}

/* Background and text colors */
body {
    background-color: #f8f9fa;
    color: #333;
}

/* Product container */
.product-container {
    background-color: #f8f9fa;
    border: none;
    box-shadow: none;
}

/* Contact form and comments section */
.contact-form,
.comments-section {
    background-color: #f8f9fa;
    box-shadow: var(--container-shadow);
}

.delivery-section {
    box-shadow: var(--container-shadow);
}

/* Comment text */
.comment-text {
    color: #000;
}

/* Specs list items */
.specs-list li {
    background: #f8f9fa;
    color: #333;
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

/* Hover state for specs list items */
.specs-list li:hover {
    border: 1.5px solid #f44336 !important;
    background: rgba(244, 67, 54, 0.08) !important;
}

/* Buttons */
.submit-btn {
    background-color: #f44336;
    color: white;
}

.submit-btn:hover {
    background-color: #d32f2f;
}

/* Swiper navigation */
.swiper-button-next,
.swiper-button-prev {
    color: #f44336 !important;
    fill: #f44336 !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: #f44336 !important;
}

.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
    color: #d32f2f !important;
}

.swiper-pagination-bullet-active {
    background: #f44336 !important;
}

.swiper-pagination-bullet:focus,
.swiper-pagination-bullet:hover {
    background: #d32f2f !important;
}

/* Modal styles */
.modal {
    background: #f8f9fa;
}

.modal-img {
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
}

.modal-thumb {
    border: 2px solid #f8f9fa;
    background: #f8f9fa;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.modal-thumb.active {
    border: 2px solid #f44336;
    box-shadow: 0 2px 10px rgba(244, 67, 54, 0.15);
}

/* Price block - increased specificity */
.characteristics-header .price-block,
.characteristics .price-block,
.price-block {
    font-size: 1.3em;
    font-weight: bold;
    color: #f44336 !important;
    margin: 0;
}

/* Divider */
.divider {
    background-color: #e0e0e0 !important;
}

/* Phone alternative */
.phone-alternative {
    color: #333 !important;
}

.phone-link {
    color: #f44336 !important;
}

.phone-link:hover {
    color: #d32f2f !important;
}

/* Ensure price value is red */
#productPrice {
    color: inherit !important;
}

/* Gallery styles */
.gallery-zoom-btn {
    background: #ffffff;
    color: #f44336;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.gallery-zoom-btn:hover {
    background: #f44336 !important;
    color: #fff !important;
}

.gallery-zoom-btn svg polyline {
    stroke: #f44336;
}

.gallery-zoom-btn:hover svg polyline {
    stroke: #fff !important;
}

.gallery-thumb {
    border: 2px solid #f8f9fa;
    background: #f8f9fa;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.gallery-thumb.active {
    border: 2px solid #f44336;
    box-shadow: 0 2px 10px rgba(244, 67, 54, 0.15);
}

/* Form elements */
.form-group label {
    color: #333;
}

.form-group input {
    background: #ffffff;
    color: #333;
    border: 1px solid #ced4da;
}

/* Comments section */
.comment-author {
    color: #000;
}

.comment-stars {
    color: #f44336;
}

.comment-text {
    color: #000;
}

/* Gallery image background */
.gallery-image {
    background: #f8f9fa;
}

/* Zoom button */
.zoom-btn {
    background: rgba(255, 255, 255, 0.8);
    color: #333;
}

.zoom-btn:hover {
    background: #f44336;
    color: #fff;
}

/* Modal close button */
.modal-close {
    color: #333;
}

/* Info items */
.info-item strong {
    color: #f44336;
}



/* Delivery section */
.delivery-section {
    background-color: #f8f9fa;
    color: #000;
    padding: 15px;
    border-radius: 8px;
}

.delivery-section h2,
.delivery-section h3,
.delivery-section p {
    color: #000;
}

/* Delivery section items separator */
.delivery-section .info-item {
    padding: 10px 0;
    position: relative;
}

.delivery-section .info-item:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e0e0e0;
}

/* Ensure all text is black by default */
body {
    color: #000;
}

/* Override any specific text colors */
p, h1, h2, h3, h4, h5, h6, span, div {
    color: #000 !important;
}

.header-logo {
  color: #209CEE !important;
}

.mobile-buy-button {
    background-color: rgb(243, 243, 243);
}