/* Dark Theme Specific Styles */

:root {
    --header-bg-color: rgba(26, 29, 30, 0.75);
    --header-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    --container-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    --header-border: 1px solid rgba(255, 255, 255, 0.05);
    --footer-text-color: #a0a0a0;
    --footer-link-color: #58a6ff;
}

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

/* Navigation links */
.header-nav .nav-link {
    color: #f1f1f1;
}

/* Body and main background colors */
body {
    background-color: #23272a;
    color: #f1f1f1;
}

/* Product container */
.product-container {
    background-color: #23272a;
}

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

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

/* Specs list items */
.specs-list li {
    background: #181a1b;
    color: #f1f1f1;
    border: 1px solid #23272a;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

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

/* Price block */
.price-block {
    font-size: 1.3em;
    font-weight: bold;
    color: #f44336;
    margin: 0;
}

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

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

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

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

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

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

/* 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: #b71c1c !important;
}

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

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

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

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

.modal-thumb {
    border: 2px solid #fff;
    background: #fff;
    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);
}

/* Gallery styles */
.gallery-zoom-btn {
    background: #fff;
    color: #f44336;
}

.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 #fff;
    background: #fff;
    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);
}

/* Phone alternative in dark theme */
.phone-alternative {
    color: #ffffff;
}

.phone-link {
    color: #f44336;
}

.phone-link:hover {
    color: #ff6b6b;
}

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

.form-group input {
    background: #181a1b;
    color: #f1f1f1;
    border: 1px solid #444;
}

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

.comment-stars {
    color: #f44336;
}

.comment-text {
    color: #f1f1f1;
}

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

/* Zoom button */
.zoom-btn {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
}

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

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

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

.mobile-buy-button {
    background: rgba(24, 26, 27, 1);
}