/*
 Theme Name:   Arendich
 Theme URI:    
 Description:  Дочерняя тема для темы Appliance Ecommerce Store
 Author:       Sergey Yurin
 Author URI:   https://internet35.ru  
 Template:     appliance-ecommerce-store
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  arendich
*/
/* === ОБЩИЕ ЦВЕТА И ШРИФТЫ === */
:root { --color-primary1: #FFA500; --color-primary2: #5E2036; --color-primary3: #7B3C59; }
body { background-color: #fff; color: #333; font-family: "Montserrat", sans-serif; line-height: 1.6; }
h1, h2, h3, h4, h5, h6 { color: #5E2036; font-weight: 700; }
a { color: #5E2036; text-decoration: none; }
a:hover { color: #FFA500; text-decoration: underline; }
button[type="submit"], input[type="submit"], .wc-block-components-checkout-place-order-button, .wc-block-cart__submit-container a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: #FFA500 !important; color: #fff !important; border: none; border-radius: 8px; padding: 12px 24px; font-weight: 600; letter-spacing: 0.5px; transition: all 0.3s ease; }
button[type="submit"]:hover, input[type="submit"]:hover, .wc-block-components-checkout-place-order-button:hover, .wc-block-cart__submit-container a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: #FF8C00 !important; color: #fff !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
input[type="text"], input[type="email"], input[type="search"], input[type="tel"], textarea { border: 1px solid #ddd; border-radius: 8px; padding: 12px; font-size: 15px; width: 100%; transition: border-color 0.3s ease; }
input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="tel"]:focus, textarea:focus { border-color: #FFA500; outline: none; box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2); }
/* === ГЛАВНАЯ СТРАНИЦА === */
.hero-section, .format-rental-section, .car-details-section { padding: 40px 20px; }
.container { max-width: 1200px; margin: 0 auto; }
.hero-section { background: #f9f9f9; }
.hero-content { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.hero-slider-container { width: 65%; overflow: hidden; }
.hero-slider img { width: 100%; height: auto; max-height: 500px; object-fit: cover; border-radius: 15px; display: block; }
.hero-form { width: 30%; background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }
.hero-form h2 { color: #5E2036; font-size: 28px; margin-bottom: 20px; line-height: 1.2; }
.hero-form .form-group { margin-bottom: 20px; }
.hero-form label { display: block; font-weight: 600; color: #333; margin-bottom: 5px; font-size: 16px; }
.hero-form input[type="text"] { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 15px; transition: border-color 0.3s ease; }
.hero-form input[type="text"]:focus { border-color: #FFA500; outline: none; box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2); }
.show-cars-btn { display: inline-block; width: 100%; padding: 12px; background: #FFA500; color: #fff; text-align: center; border-radius: 8px; font-weight: 600; text-decoration: none; transition: background 0.3s ease; cursor: pointer; }
.show-cars-btn:hover { background: #FF8C00; }
@media screen and (max-width: 767px) { .hero-content { flex-direction: column; gap: 20px; } .hero-slider-container { width: 100%; } .hero-slider img { max-height: 300px; } .hero-form { width: 100%; } }
/* === БЛОК ФОРМАТОВ АРЕНДЫ (обновлено) === */
.format-rental-section { padding: 40px 20px; background: #fff; text-align: left; }
.format-rental-section > .container { display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; flex-direction: row !important; align-items: center !important; justify-content: center !important; }
/* Применяем Montserrat ко всему сайту */
body, h1, h2, h3, h4, h5, h6, p, li, span, div, a, button, input, textarea {
    font-family: "Montserrat", sans-serif !important;
}

/* Для заголовков можно сделать жирнее */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

/* Для кнопок и форм */
button, input[type="submit"], .woocommerce button.button, .woocommerce input.button {
    font-family: "Montserrat", sans-serif, sans-serif !important;
    font-weight: 600;
}

/* Для блока характеристик */
.car-specs-section ul li {
    font-family: "Montserrat", sans-serif, sans-serif !important;
}

/* Для цен и кнопок в карточке */
.price-option-item .duration-btn,
.price-option-item .duration-price,
.book-button {
    font-family: "Montserrat", sans-serif, sans-serif !important;
}

/* Для адаптивности */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
}
.format-rental-section > .container > h2 { font-size: 24px; color: #5E2036; margin: 0; white-space: nowrap; flex-shrink: 0; line-height: 1.2; order: 0; display: block !important; align-self: center !important; }
.format-rental-section > .container > .rental-buttons { display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0; padding: 0; flex-shrink: 0; order: 1; display: flex !important; align-self: center !important; }
.format-rental-section > .container > .rental-buttons .rental-button { padding: 12px 24px; background: #fff; border: 2px solid #ddd; border-radius: 25px; color: #333; font-weight: 600; font-size: 16px; cursor: pointer; transition: all 0.3s ease; min-width: 200px; }
.format-rental-section > .container > .rental-buttons .rental-button:hover, .format-rental-section > .container > .rental-buttons .rental-button.active { background: #5E2036; color: #fff; border-color: #5E2036; }
.category-dropdown { display: none !important; }
@media screen and (max-width: 767px) { .format-rental-section > .container { flex-direction: column; gap: 10px; } .format-rental-section > .container > .rental-buttons .rental-button { width: 100%; min-width: auto; } }
/* === ВЕРХНЕЕ МЕНЮ === */
.top-header { background: #5E2036; padding: 15px 0; position: relative; }
.logo { margin-left: 20px; float: left; }
.logo p.site-title, .logo h1 { font-weight: 700; font-size: 24px; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin: 0; }
.logo p.site-title a, .logo h1 a { color: #fff; text-decoration: none; }
.logo p.site-description { display: none; }
.right.contact { display: flex; justify-content: center; align-items: center; gap: 20px; margin-right: 20px; float: right; }
.contact i { font-size: 20px; color: #fff; background-color: #5E2036; padding: 8px; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; }
.contact.call i { transform: rotate(90deg); }
p.infotext { color: #fff; font-size: 14px; margin-bottom: 0; font-weight: 400; }
.contact-content a, .contact-content { color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 0.5px; }
.contact-content a:hover { color: #FFA500; }
.track-btn a { display: inline-block; color: #fff; font-size: 16px; text-transform: capitalize; padding: 12px 24px; border-radius: 8px; background: #FFA500; font-weight: 600; letter-spacing: 0.5px; transition: all 0.3s ease; }
.track-btn a:hover { background: #FF8C00; color: #fff; text-decoration: none; }
.main-navigation ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; align-items: center; gap: 30px; background: transparent; }
.main-navigation li { position: relative; display: block; }
.main-navigation a { display: block; color: #fff; padding: 10px 15px; font-size: 16px; font-weight: 500; text-transform: uppercase; position: relative; z-index: 99; text-decoration: none; transition: color 0.3s ease; }
.main-navigation a:hover, .main-navigation .current-menu-item > a { color: #FFA500; }
.main-navigation ul ul { display: none !important; }
.scrolled { position: fixed; top: 0; width: 100%; z-index: 999; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); background: #fff; padding: 0; }
.scrolled .top-header { background: #5E2036; padding: 10px 0; }
.scrolled .main-navigation ul { background: #fff; }
.scrolled .main-navigation a { color: #333; }
.scrolled .main-navigation a:hover, .scrolled .main-navigation .current-menu-item > a { color: #FFA500; }
.scrolled .logo p.site-title a, .scrolled .logo h1 a { color: #333; }
.scrolled .contact-content a, .scrolled .contact-content { color: #333; }
.scrolled .track-btn a { color: #fff; background: #FFA500; }
.scrolled .track-btn a:hover { background: #FF8C00; }
/* === ГЛАВНЫЙ СЛАЙДЕР === */
.main-product-slider { max-width: 100%; margin: 0 auto; padding: 40px 0; position: relative; height: auto; border-radius: 0; overflow: hidden; }
.slider-border::before { content: none; }
.slider-border { height: auto; display: flex; justify-content: center; align-items: center; width: 100% !important; margin: 0 auto; background: #f9f9f9; }
.slider-border img { height: auto; width: 100% !important; object-fit: cover; max-height: 500px; }
#slider .main-product-slider .carousel-caption { top: 50%; transform: translateY(-50%); text-align: left; left: 5%; right: 5%; z-index: 9999; bottom: auto; padding: 20px; background: #fff; border-radius: 15px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); max-width: 400px; }
#slider .main-product-slider .inner_carousel h1 { color: #5E2036; font-size: 28px; text-transform: capitalize; margin-bottom: 15px; }
#slider .inner_carousel p.slider-content { font-size: 16px; color: #666; font-weight: 400; line-height: 1.6; margin-bottom: 20px; }
#slider .main-product-slider .more-btn a { display: inline-block; color: #fff; font-size: 18px; text-align: center; font-weight: 600; border-radius: 8px; padding: 12px 24px; background: #FFA500; width: 100%; text-decoration: none; margin-top: 20px; transition: all 0.3s ease; }
#slider .main-product-slider .more-btn a:hover { background: #FF8C00; color: #fff; }
#slider .main-product-slider .carousel-caption .form-group { margin-bottom: 15px; }
#slider .main-product-slider .carousel-caption label { display: block; font-weight: 600; color: #333; margin-bottom: 5px; font-size: 16px; }
#slider .main-product-slider .carousel-caption input[type="text"], #slider .main-product-slider .carousel-caption input[type="date"] { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 15px; transition: border-color 0.3s ease; }
#slider .main-product-slider .carousel-caption input[type="text"]:focus, #slider .main-product-slider .carousel-caption input[type="date"]:focus { border-color: #FFA500; outline: none; box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2); }
.format-rental { padding: 40px 20px; background: #f9f9f9; text-align: center; }
.format-rental h2 { font-size: 24px; color: #5E2036; margin-bottom: 20px; }
.rental-buttons { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
.rental-button { padding: 12px 24px; background: #fff; border: 2px solid #ddd; border-radius: 25px; color: #333; font-weight: 600; font-size: 16px; cursor: pointer; transition: all 0.3s ease; min-width: 200px; }
.rental-button:hover, .rental-button.active { background: #5E2036; color: #fff; border-color: #5E2036; }
.car-card { background: #fff; border: 1px solid #ddd; border-radius: 15px; padding: 20px; margin: 20px 0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.car-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
.car-card img { width: 100%; height: 200px; object-fit: cover; border-radius: 10px; margin-bottom: 15px; }
.car-card h3 { font-size: 20px; color: #5E2036; margin-bottom: 10px; font-weight: 700; }
.car-card .characteristics { font-size: 14px; color: #666; margin-bottom: 15px; }
.car-card .price { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding: 10px; background: #f9f9f9; border-radius: 8px; }
.car-card .price span { font-weight: 600; color: #333; }
.car-card .book-btn { display: block; width: 100%; padding: 12px; background: #FFA500; color: #fff; text-align: center; border-radius: 8px; font-weight: 600; text-decoration: none; transition: background 0.3s ease; }
.car-card .book-btn:hover { background: #FF8C00; }
#footer { background: #333; color: #fff; padding: 40px 20px; letter-spacing: 1px; }
#footer h2, #footer h3 { font-size: 24px; padding: 10px 0; color: #fff; border-bottom: dashed 1px #fff; margin-bottom: 20px; }
#footer p, #footer li a { color: #ccc; font-size: 14px; line-height: 1.6; }
#footer li a:hover { color: #FFA500; }
#footer .widget { margin-bottom: 30px; }
#footer .widget-title { font-size: 20px; color: #fff; border-bottom: 2px solid #FFA500; padding-bottom: 10px; margin-bottom: 20px; }
#footer .site-info { background: #5E2036; padding: 15px 0; text-align: center; font-size: 14px; }
#footer .site-info p, #footer .site-info a { color: #fff; margin: 0; }
#footer .site-info a:hover { color: #FFA500; }
#return-to-top { background: rgba(94, 32, 54, 0.8); }
#return-to-top:hover { background: rgba(94, 32, 54, 1); }
@media screen and (max-width: 767px) { .top-header { padding: 10px 0; } .logo { margin-left: 10px; } .right.contact { flex-direction: column; gap: 10px; margin-right: 10px; } .contact i { width: 35px; height: 35px; font-size: 18px; } .contact-content { font-size: 16px; } .track-btn a { padding: 10px 15px; font-size: 14px; } .main-navigation ul { flex-direction: column; gap: 10px; } .main-navigation a { padding: 10px; font-size: 14px; } .main-product-slider { padding: 20px 0; } .slider-border img { max-height: 300px; } #slider .main-product-slider .carousel-caption { left: 5%; right: 5%; padding: 15px; } #slider .main-product-slider .inner_carousel h1 { font-size: 20px; } .format-rental { padding: 20px 10px; } .rental-button { padding: 10px 15px; font-size: 14px; min-width: 150px; } .car-card { padding: 15px; } .car-card img { height: 150px; } .car-card h3 { font-size: 18px; } .footer { padding: 20px 10px; } }
.product-cards-section { padding: 40px 20px; background: #f9f9f9; }
.product-cards-section .container { max-width: 1200px; margin: 0 auto; }
.product-cards-section .section-title { text-align: center; margin-bottom: 30px; color: #5E2036; font-size: 28px; }
.product-card-link { text-decoration: none; display: block; }
.product-card { background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; display: flex; flex-direction: column; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
.product-card-image-wrapper { position: relative; width: 100%; height: 200px; overflow: hidden; flex-shrink: 0; }
.product-card-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.product-card-title-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(94, 32, 54, 0.8); color: #fff; padding: 10px; text-align: center; font-weight: 600; font-size: 16px; z-index: 2; backdrop-filter: blur(2px); }
.product-card-price { padding: 15px; text-align: center; background: #fff; border-top: 1px solid #eee; flex-shrink: 0; }
.product-card-price .price-label { font-weight: 600; color: #666; margin-right: 5px; }
.product-card-price .price { color: #5E2036; font-weight: 700; font-size: 18px; }
@media screen and (max-width: 768px) { .product-cards-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; } .product-card-image-wrapper { height: 180px; } .product-card-title-overlay { font-size: 14px; padding: 8px; } .product-card-price .price { font-size: 16px; } }
@media screen and (max-width: 480px) { .product-cards-grid { grid-template-columns: 1fr; } }
.product-cards-grid { display: flex; flex-direction: column; gap: 20px; }
.car-listing-item { background: #fff; border-radius: 15px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); padding: 20px; display: flex; gap: 20px; align-items: flex-start; }
.car-image-section { flex: 0 0 250px; }
.car-image-section h3 { font-size: 1.3rem; color: #5d1034; margin-top: 0; margin-bottom: 10px; }
.car-image { width: 100%; height: auto; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.car-specs-section { flex: 1; max-width: 300px; }
.car-specs-section h4 { font-size: 1.2rem; color: #5d1034; margin-top: 0; margin-bottom: 10px; }
.car-specs-section ul { list-style: none; padding: 0; margin: 0; }
.car-specs-section li { margin-bottom: 5px; font-size: 0.9rem; line-height: 1.4; }
.car-specs-section strong { font-weight: 600; }
.car-pricing-section { flex: 1; max-width: 300px; }
.car-pricing-section h4 { font-size: 1.2rem; color: #5d1034; margin-top: 0; margin-bottom: 10px; }
.price-options-grid { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px; }
.price-option-item { display: flex; flex-direction: column; align-items: center; min-width: 80px; }
.duration-btn { background: #5E2036; color: white; border: none; border-radius: 6px; padding: 6px 12px; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: background 0.3s ease; text-align: center; min-width: 60px; }
.duration-btn:hover { background: #7B3C59; }
.duration-price { background: #f8f8f8; color: #e63946; font-weight: 700; font-size: 0.9rem; padding: 4px 8px; border-radius: 4px; margin-top: 4px; min-width: 60px; text-align: center; }
.car-status { display: flex; align-items: center; gap: 8px; margin-bottom: 15px; font-weight: 600; }
.status-indicator { width: 10px; height: 10px; border-radius: 50%; }
.status-indicator.green { background: #4CAF50; }
.book-button { display: block; width: 100%; background: #FFA726; color: white; text-align: center; padding: 12px 20px; border-radius: 8px; font-weight: 600; text-decoration: none; transition: background 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 8px; }
.book-button:before { content: "📅"; font-size: 1.2rem; }
.book-button:hover { background: #FB8C00; }
@media (max-width: 768px) { .car-listing-item { flex-direction: column; } .car-image-section { flex: 0 0 auto; } .car-specs-section, .car-pricing-section { flex: 1; max-width: none; } .price-options-grid { flex-direction: column; gap: 10px; } .price-option-item { width: 100%; } }
.car-pricing-section {
    flex: 1;
    max-width: 800px;
}