/*
    Theme Name: Car Rental WDA
    Theme URI: https://wpdevart.com/wordpress-car-rental-theme
    Author: WpDevArt
    Author URI: https://wpdevart.com
    Description: Looking for a sleek, professional WordPress theme to power your car rental business? The WordPress Car Rental WDA theme embodies the sophistication and clarity of car rental website design - it's fresh, modern, and built to convert. This is a fully responsive, SEO optimized, feature-rich theme that is fully integrated with the WooCommerce plugin. This means that you can even turn your website into an online store using our theme. Designed specifically for car rental websites, this theme offers: Clean and minimalist design (plenty of space to display information about your cars, services, and prices), Strong typographic hierarchy (large headings, clear callouts, easy-to-read fonts—professionally styled so site visitors don’t strain to find what they need), Prominent call-to-action buttons (Rent Now and other buttons of our WordPress Car Rental theme are immediately visible - they are strategically placed at the top of the page and in the main section), Clean imagery and icons (high quality car photos, clean SVG or icon sets, consistent style so the site feels unified). What makes the WordPress Car Rental theme especially appealing: custom search popup, sticky header, well-designed patterns, various layouts for top bar and header, breadcrumbs, header cart, animated elements, customizable primary button, wide and full-width layouts, gradient colors, various homepage sections, footer layouts, footer themes, etc. The WordPress Car Rental theme is ideal for small and medium-sized car rental agencies that want to create a professional online presence without having to pay for a custom design, startups and entrepreneurs entering the car rental market and need easy-to-use tools, as well as existing agencies that want to update their user interface and improve their layouts. If you are looking for a car rental WordPress theme that combines elegant and professional design, Car Rental WDA is a great choice. It delivers a perfect balance of trust, visual appeal, and practical functionality — all wrapped in a modern, easy-to-use package.
    Version: 1.0.7
    Requires at least: 5.1
    Requires PHP: 5.6
    Tested up to: 6.8.2
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: car-rental-wda
    Domain Path: /languages
    Tags: translation-ready, e-commerce, blog, entertainment, one-column, left-sidebar, right-sidebar, custom-logo, custom-menu, custom-colors, editor-style, featured-images, footer-widgets, full-width-template, theme-options, two-columns, threaded-comments, grid-layout, block-styles, block-patterns
*//* ===== Car detail page ===== */

/* ===== Car detail page ===== */

.car-page {
    padding: 40px 0 80px;
    background: #050608; /* тёмный фон, как у темы */
    color: #fff;
}

.car-page__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.car-hero {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 40px;
}

.car-hero__left {
    flex: 1 1 55%;
}

.car-hero__right {
    flex: 1 1 35%;
    background: #111319;
    border-radius: 8px;
    padding: 24px 24px 28px;
}

.car-title {
    font-size: 28px;
    margin: 0 0 10px;
}

.car-price {
    font-size: 26px;
    font-weight: 700;
    color: #ff4533;
    margin-bottom: 16px;
}

.car-main-specs {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.car-main-specs li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding: 6px 0;
    font-size: 14px;
}

.car-main-specs span {
    opacity: 0.7;
}

.car-main-specs strong {
    font-weight: 600;
}

.car-actions {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 999px;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none;
    transition: all .2s ease;
}

.btn-primary {
    background: #ff4533;
    color: #fff;
    border-color: #ff4533;
}

.btn-primary:hover {
    background: #ff624e;
    border-color: #ff624e;
}

.btn-outline {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.btn-outline:hover {
    background: #fff;
    color: #000;
}

/* gallery */

.car-gallery {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: #111319;
}

.car-gallery__item {
    display: none;
}

.car-gallery__item.is-active {
    display: block;
}

.car-gallery img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.car-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.car-thumbs__btn {
    border: none;
    padding: 0;
    background: transparent;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    opacity: 0.6;
    transition: opacity .15s ease, transform .15s ease;
}

.car-thumbs__btn.is-active,
.car-thumbs__btn:hover {
    opacity: 1;
    transform: translateY(-1px);
}

.car-thumbs__btn img {
    display: block;
    width: 80px;
    height: 60px;
    object-fit: cover;
}

/* tabs */

.car-tabs {
    margin-bottom: 40px;
}

.car-tabs__nav {
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.car-tab-btn {
    background: transparent;
    border: none;
    color: #aaa;
    padding: 10px 16px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}

.car-tab-btn.is-active {
    color: #fff;
}

.car-tab-btn.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: #ff4533;
}

.car-tabs__content {
    background: #111319;
    border-radius: 8px;
    padding: 20px 24px;
}

.car-tab {
    display: none;
    font-size: 14px;
    line-height: 1.6;
}

.car-tab.is-active {
    display: block;
}

.car-specs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
    gap: 12px 30px;
}

.car-specs-grid span {
    opacity: 0.7;
}

/* contact */

.car-contact {
    margin-top: 40px;
}


.car-contact__left {
    background: #111319;
    border-radius: 8px;
    padding: 24px 24px 28px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.6);
}

.car-contact h2 {
    margin-top: 0;
    margin-bottom: 10px;
}

.car-field--half {
    flex: 1 1 calc(50% - 8px);
}

.car-contact-form__row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.car-field {
    flex: 1 1 220px;
    margin-bottom: 12px;
}

.car-field label {
    display: block;
    font-size: 13px;
    margin-bottom: 4px;
    opacity: 0.8;
}

.car-field__stock {
    height: 38px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid #2a2d3a;
    background: #0a0c12;
    font-size: 14px;
}

.car-field input,
.car-field textarea {
    width: 100%;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid #2a2d3a;
    background: #0a0c12;
    color: #fff;
    font-size: 14px;
}

.car-contact__notice {
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 4px;
    font-size: 13px;
}

.car-contact__notice--success {
    background: rgba(26, 179, 148, 0.12);
    border: 1px solid #1ab394;
    color: #e3fff7;
}

@media (max-width: 600px) {
    .car-field--half {
        flex: 1 1 100%;
    }
}

/* адаптив */

@media (max-width: 900px) {
    .car-hero {
        flex-direction: column;
    }

    .car-hero__right {
        order: -1;
    }
}

.car-archive__inner {
    padding: 60px 0;
}

.car-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
}

.car-card {
    background: #111319;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.car-card__thumb img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.car-card__body {
    padding: 16px 20px 20px;
}

.car-card__title {
    font-size: 18px;
    margin: 0 0 8px;
}

.car-card__meta {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
    font-size: 13px;
    opacity: 0.8;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
}

.car-card__price {
    font-weight: 700;
    color: #ff3c2f;
}

/* === Inventory grid (Cars archive) === */

/* === Inventory page (cars archive) === */

.inventory-page {
  background: #050608;
  padding: 80px 0 100px;
}

/* контейнер архива */
.inventory-page .car-archive__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* заголовок Inventory (если используешь) */
.inventory-page .page-title,
.inventory-page .inventory-title {
  text-align: center;
  font-size: 34px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 8px;
}

.inventory-page .inventory-subtitle {
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 40px;
}

/* сетка карточек */

.inventory-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
}

/* карточка машины */

.inventory-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #0b1015;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.03);
  transition: transform 0.25s ease, box-shadow 0.25s ease,
              border-color 0.25s ease;
}

.inventory-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 55px rgba(0, 0, 0, 0.8);
  border-color: rgba(255, 255, 255, 0.12);
}

/* верхняя картинка */

.inventory-card__thumb {
  position: relative;
  overflow: hidden;
}

.inventory-card__thumb img {
  display: block;
  width: 100%;
  height: 260px;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.inventory-card:hover .inventory-card__thumb img {
  transform: scale(1.04);
}

/* бейдж/лейбл в углу картинки */

.inventory-card__badge {
  position: absolute;
  left: 18px;
  top: 18px;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

/* тело карточки */

.inventory-card__body {
  padding: 18px 22px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* название машины */

.inventory-card__title {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #ffffff;
  margin: 0;
}

.inventory-card__title a {
  color: inherit;
  text-decoration: none;
}

.inventory-card__title a:hover {
  color: #ff542e;
}

/* короткий подзаголовок/модель */

.inventory-card__subtitle {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(255, 255, 255, 0.65);
}

/* блок характеристик под названием */

.inventory-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 6px;
}

.inventory-card__spec {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgba(255, 255, 255, 0.55);
}

.inventory-card__spec span {
  display: block;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  color: #ffffff;
}

/* цена */

.inventory-card__price {
  margin-top: 14px;
  font-size: 22px;
  font-weight: 700;
  color: #ff542e;
}

/* нижняя часть карточки с кнопкой */

.inventory-card__footer {
  margin-top: auto;
  padding: 16px 22px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.inventory-card__footer-text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}

/* кнопка "View details" */

.inventory-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 11px;
  background: #ff542e;
  color: #ffffff;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease,
              box-shadow 0.2s ease;
}

.inventory-card__btn:hover {
  background: #ff6a3e;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(255, 84, 46, 0.45);
}

/* блок с тегами/лейблами, если используешь */

.inventory-tags {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.inventory-tag {
  padding: 4px 10px;
  font-size: 11px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.8);
}

/* адаптив */

@media (max-width: 991px) {
  .inventory-page {
    padding: 60px 0 80px;
  }

  .inventory-card__thumb img {
    height: 220px;
  }
}

@media (max-width: 600px) {
  .inventory-page .car-archive__inner {
    padding: 0 16px;
  }

  .inventory-card__body,
  .inventory-card__footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .inventory-card__title {
    font-size: 16px;
  }

  .inventory-card__price {
    font-size: 20px;
  }
}

/* ========== GLOBAL BUTTONS ========== */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    border-radius: 2px;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.08em;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.15s ease, opacity 0.15s ease;
}

.btn--primary {
    background: #e53935;
    color: #ffffff;
}

.btn--accent {
    background: #ffffff;
    color: #111827;
}

.btn:hover {
    transform: translateY(-1px);
    opacity: 0.9;
}

/* ========== HOME LAYOUT ========== */

.home-page {
    background-color: #05060b;
    color: #ffffff;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ========== HERO SECTIONS ========== */

.hero {
    position: relative;
    min-height: 100vh;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 140px 16px;
    overflow: hidden;
}

.hero--main {
    text-align: center;
}

.hero--find {
    min-height: 80vh;
    text-align: left;
}

.hero__overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, rgba(0,0,0,0.35) 0, rgba(0,0,0,0.9) 70%);
}

.hero__overlay--dark {
    background: linear-gradient(120deg, rgba(0,0,0,0.9), rgba(0,0,0,0.4));
}

.hero__inner {
    position: relative;
    max-width: 840px;
    z-index: 1;
}

.hero__inner--left {
    margin-left: 8%;
    max-width: 520px;
}

.hero__eyebrow {
    font-size: 13px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.9;
    margin-bottom: 14px;
}

.hero__eyebrow--small {
    font-size: 18px;
}

.hero__title {
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.05;
    text-transform: uppercase;
    margin-bottom: 28px;
}

.hero__title--medium {
    font-size: clamp(28px, 3vw, 40px);
}

.hero__btn {
    margin-bottom: 40px;
}

/* "SCROLL DOWN" */
.hero__scroll {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    opacity: 0.7;
}

.hero__scroll-line {
    display: block;
    width: 1px;
    height: 40px;
    background: #ffffff;
}

/* ========== NEWS / NEWSLETTER ========== */

.home-news {
    position: relative;
    padding: 120px 16px;
    background-size: cover;
    background-position: center;
    color: #ffffff;
}

.home-news__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, rgba(97,0,147,0.88), rgba(44,0,69,0.84));
}

.home-news__inner {
    position: relative;
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
}

.home-news__eyebrow {
    font-size: 14px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    opacity: 0.9;
}

.home-news__title {
    font-size: 40px;
    text-transform: uppercase;
    margin-top: 4px;
    margin-bottom: 12px;
}

.home-news__text {
    font-size: 15px;
    opacity: 0.9;
    margin-bottom: 26px;
}

.home-news__form {
    display: flex;
    max-width: 520px;
    margin: 0 auto;
    background: rgba(0,0,0,0.25);
    border-radius: 4px;
    overflow: hidden;
}

.home-news__input {
    flex: 1;
    border: none;
    padding: 12px 16px;
    font-size: 14px;
    color: #111827;
}

.home-news__input::placeholder {
    color: #6b7280;
}

.home-news__btn {
    border-radius: 0;
}

/* ========== CONTACT / MESSAGE US ========== */

.home-contact {
    padding: 110px 16px 140px;
    background: #050814;
    color: #ffffff;
}

.home-contact__inner {
    max-width: 980px;
    margin: 0 auto;
}

.home-contact__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 32px;
}

.home-contact__title {
    font-size: 32px;
    text-transform: uppercase;
}

.home-contact__note {
    font-size: 13px;
    opacity: 0.7;
}

.home-contact__form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.home-contact__row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.home-contact__row--full {
    grid-template-columns: minmax(0, 1fr);
}

.home-contact__row--inline {
    grid-template-columns: minmax(0, 1fr);
}

.home-contact__field label {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 6px;
    opacity: 0.8;
}

.home-contact__field input,
.home-contact__field select,
.home-contact__field textarea {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #1f2937;
    background: #020617;
    color: #f9fafb;
    padding: 10px 12px;
    font-size: 14px;
}

.home-contact__field textarea {
    resize: vertical;
    min-height: 120px;
}

.home-contact__checkbox {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    opacity: 0.85;
}

.home-contact__checkbox input {
    width: 16px;
    height: 16px;
}

.home-contact__actions {
    display: flex;
    justify-content: center;
}

.home-contact__submit {
    min-width: 180px;
}

/* ========== RESPONSIVE ========== */

@media (max-width: 900px) {
    .hero {
        min-height: 80vh;
        padding-top: 120px;
    }

    .hero__inner--left {
        margin-left: 0;
        text-align: center;
    }

    .home-contact__row {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-news__form {
        flex-direction: column;
    }

    .home-news__input,
    .home-news__btn {
        width: 100%;
    }

    .home-news__btn {
        border-radius: 0 0 4px 4px;
    }
}