.elementor-19328 .elementor-element.elementor-element-1c037a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-el_c_borders_main );--border-color:var( --e-global-color-el_c_borders_main );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19328 .elementor-element.elementor-element-1c037a9.e-con{--align-self:center;}.elementor-19328 .elementor-element.elementor-element-ce78aeb{--display:flex;--width:fit-content;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:50px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-19328 .elementor-element.elementor-element-ce78aeb.e-con{--align-self:center;}.elementor-19328 .elementor-element.elementor-element-750b2b7.elementor-element{--align-self:center;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1100px){.elementor-19328 .elementor-element.elementor-element-ce78aeb{--gap:60px 60px;--row-gap:60px;--column-gap:60px;}}@media(max-width:900px){.elementor-19328 .elementor-element.elementor-element-ce78aeb{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS for container, class: .elementor-element-ce78aeb *//* =========================================================
   VIK RENT A CAR – ARAÇ LİSTESİ (PREMIUM / KURUMSAL) – FINAL
   KULLANIM NOTLARI (GENEL):
   1) Bu CSS yalnızca belirtilen Elementor Container içinde çalışır (scope-safe).
   2) Tüm ayarlanabilir değerler 0) bölümünde değişken (var) olarak tanımlıdır.
   3) Görsellerin oranı bozulmaz (height:auto + object-fit:contain).
   4) Liste ortaya hizalanır (max-width + margin:auto).
   5) Mobilde “21 Yaş / Ehliyet” satırı daha küçük gösterilir.
   6) Buton daha kibar: daha düşük gölge, daha dengeli padding/typography.
   ========================================================= */

/* ---------------------------------------------------------
   0) AYAR PANELİ – TÜM DEĞERLERİ BURADAN YÖNETİN
   (Sadece bu container içindeki tasarımı etkiler)
   --------------------------------------------------------- */
.elementor-element-750b2b7{
  /* Marka */
  --vrc-brand: #EE114B;
  --vrc-brand-hover: #DC183B;

  /* Liste genişliği ve hizalama */
  --vrc-list-maxw: 1120px; /* Listeyi sayfada ortalamak için maksimum genişlik */
  --vrc-list-pad-x: 0px;   /* Liste yatay iç boşluk (gerekirse 12px gibi artırın) */

  /* Kart görünümü */
  --vrc-card-bg: #ffffff;
  --vrc-card-radius: 14px;
  --vrc-card-border: rgba(15,23,42,0.08);
  --vrc-card-shadow: 0 12px 30px rgba(15,23,42,0.10);
  --vrc-card-shadow-hover: 0 18px 42px rgba(15,23,42,0.14);

  /* Kart iç boşlukları */
  --vrc-card-pad-y: 18px;
  --vrc-card-pad-x: 18px;

  /* Kartlar arası mesafe (İSTEDİĞİNİZ GİBİ AÇIN) */
  --vrc-card-gap: 18px;

  /* Tipografi */
  --vrc-title-size: 18px;
  --vrc-title-weight: 700;
  --vrc-text-color: #0f172a;

  --vrc-meta-size: 13px;
  --vrc-meta-color: #64748b;

/* =========================================================
   LISTE (PREMIUM KART) – 21 Yaş / Ehliyet Satırı
   Desktop: 10px
   Mobil:   8px
   Yapı: .vrc-car-result-description .car-extra-info
   ========================================================= */

/* Desktop / Tablet */
.elementor-element-750b2b7 .vrc-car-result-description .car-extra-info,
.elementor-element-750b2b7 .vrc-car-result-description .car-extra-info span{
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  line-height: 1.2 !important;
}

/* Ayraç " | " metni span dışında düz text olduğu için,
   satır genel font-size ile zaten küçülür. */

/* İkonlar (font icon) */
.elementor-element-750b2b7 .vrc-car-result-description .car-extra-info i.giray-icons,
.elementor-element-750b2b7 .vrc-car-result-description .car-extra-info i.giray-icons::before{
  font-size: 12px !important;
  margin-right: 6px;
  vertical-align: middle;
  opacity: .9;
}

/* Mobil */
@media (max-width: 767px){
  .elementor-element-750b2b7 .vrc-car-result-description .car-extra-info,
  .elementor-element-750b2b7 .vrc-car-result-description .car-extra-info span{
    font-size: 8px !important;
  }

  .elementor-element-750b2b7 .vrc-car-result-description .car-extra-info i.giray-icons,
  .elementor-element-750b2b7 .vrc-car-result-description .car-extra-info i.giray-icons::before{
    font-size: 10px !important;
    margin-right: 5px;
  }
}
  /* Görsel boyutu (desktop/tablet) – “küçüldü” şikayeti için büyütüldü */
  --vrc-img-min-w: 170px;
  --vrc-img-max-w: 230px;
  --vrc-img-radius: 10px;

  /* Buton stili (daha kibar) */
  --vrc-btn-radius: 10px;
  --vrc-btn-font-size: 11px;
  --vrc-btn-font-weight: 650;
  --vrc-btn-pad-y: 10px;
  --vrc-btn-pad-x: 14px;
  --vrc-btn-shadow: 0 8px 18px rgba(238,17,75,0.18);
  --vrc-btn-shadow-hover: 0 10px 22px rgba(220,24,59,0.22);

  /* BUTON METNİ (İSTEĞE BAĞLI)
     UYARI: CSS ile metin değiştirmek erişilebilirlik/SEO açısından ideal değildir.
     Eğer yine de kullanacaksanız aşağıdaki değeri değiştirin ve 7) bölümündeki
     “CSS ile buton metni” kısmını aktif edin.
  */
  --vrc-btn-label: "Detayları Görüntüle";
}

/* ---------------------------------------------------------
   1) ÜSTTEKİ “Geliş Rent a Car” BAŞLIĞINI KALDIR
   --------------------------------------------------------- */
.elementor-element-750b2b7 .vrc-main-title{
  display: none !important;
}

/* ---------------------------------------------------------
   2) LİSTEYİ ORTALA (MAX-WIDTH + MARGIN AUTO)
   --------------------------------------------------------- */
.elementor-element-750b2b7 .vrc-search-results-block,
.elementor-element-750b2b7 .vrc-search-results-block-list{
  max-width: var(--vrc-list-maxw);
  margin-left: auto !important;
  margin-right: auto !important;
}

.elementor-element-750b2b7 .vrc-search-results-block{
  padding-left: var(--vrc-list-pad-x) !important;
  padding-right: var(--vrc-list-pad-x) !important;

  /* Dış çerçeveyi kaldır (sadece kartlar kalsın) */
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Kartlar arası boşluk (grid gibi davranması için) */
.elementor-element-750b2b7 .vrc-search-results-block-list{
  display: flex;
  flex-direction: column;
  gap: var(--vrc-card-gap);
}

/* ---------------------------------------------------------
   3) KART TASARIMI (HER ARAÇ SATIRI)
   --------------------------------------------------------- */
.elementor-element-750b2b7 .car_result{
  border: 1px solid var(--vrc-card-border) !important;
  background: var(--vrc-card-bg) !important;
  border-radius: var(--vrc-card-radius) !important;
  box-shadow: var(--vrc-card-shadow) !important;

  padding: var(--vrc-card-pad-y) var(--vrc-card-pad-x) !important;

  display: flex;
  align-items: center;
  gap: 18px;

  transition: transform 180ms ease, box-shadow 180ms ease;
}

.elementor-element-750b2b7 .car_result:hover{
  transform: translateY(-1px);
  box-shadow: var(--vrc-card-shadow-hover) !important;
}

/* ---------------------------------------------------------
   4) ARAÇ GÖRSELİ (ORAN BOZULMADAN BÜYÜK GÖRÜNSÜN)
   --------------------------------------------------------- */
.elementor-element-750b2b7 .vrc-car-result-left{
  flex: 0 0 auto;
  width: clamp(var(--vrc-img-min-w), 18vw, var(--vrc-img-max-w));
}

.elementor-element-750b2b7 .vrc-car-result-left img{
  width: 100% !important;
  height: auto !important;      /* ORAN KORUNUR */
  display: block;
  object-fit: contain;          /* Kırpma yok */
  border-radius: var(--vrc-img-radius);
}

/* ---------------------------------------------------------
   5) BAŞLIK / KATEGORİ / GENEL METİNLER
   --------------------------------------------------------- */
.elementor-element-750b2b7 .vrc-car-result-right{
  flex: 1 1 auto;
  min-width: 0;
}

.elementor-element-750b2b7 .vrc-car-name,
.elementor-element-750b2b7 .vrc-car-name a{
  color: var(--vrc-text-color) !important;
  font-size: var(--vrc-title-size) !important;
  font-weight: var(--vrc-title-weight) !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

.elementor-element-750b2b7 .vrc-car-category,
.elementor-element-750b2b7 .vrc-car-cat,
.elementor-element-750b2b7 .vrc-car-result-cat{
  font-size: var(--vrc-meta-size) !important;
  color: var(--vrc-meta-color) !important;
  letter-spacing: .2px;
}

/* ---------------------------------------------------------
   6) “21 Yaş ve Üstü | Ehliyet Yaşı 3 ve Üzeri” SATIRI
   - Daha kibar ikon ve yazı boyutu
   - Mobilde ayrıca küçültülür
   NOT: VikRentCar temaya göre class farklı verebilir.
        Bu yüzden kart içindeki “ikon+metin” bilgi satırlarına uygulanır.
   --------------------------------------------------------- */
.elementor-element-750b2b7 .car_result .vrc-car-result-info,
.elementor-element-750b2b7 .car_result .vrc-car-result-info *{
  font-size: var(--vrc-rule-size) !important;
  font-weight: var(--vrc-rule-weight);
  color: var(--vrc-rule-color);
}

/* İkonlar */
.elementor-element-750b2b7 .car_result .vrc-car-result-info i,
.elementor-element-750b2b7 .car_result .vrc-car-result-info svg{
  font-size: var(--vrc-rule-icon-size) !important;
  width: var(--vrc-rule-icon-size);
  height: var(--vrc-rule-icon-size);
  line-height: 1;
  opacity: .90;
}

/* Satır içi boşluklar */
.elementor-element-750b2b7 .car_result .vrc-car-result-info{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--vrc-rule-gap);
}

/* Eğer “|” ayraç ayrı bir eleman ise daha zarif göster */
.elementor-element-750b2b7 .car_result .vrc-separator{
  opacity: .45;
  margin: 0 6px;
}

/* ---------------------------------------------------------
   7) FİYAT + BUTON (RENKLER SABİT, DAHA KİBAR BUTON)
   --------------------------------------------------------- */
.elementor-element-750b2b7 .vrc-car-result-price,
.elementor-element-750b2b7 .vrc-car-result-price *{
  color: var(--vrc-text-color) !important;
}

/* Buton (farklı class ihtimallerini birlikte hedefliyoruz) */
.elementor-element-750b2b7 .vrc-car-result-right a.vrc-car-result-btn,
.elementor-element-750b2b7 .vrc-car-result-right a.vrcdetails,
.elementor-element-750b2b7 .vrc-car-result-right a.vrc-car-details{
  background: var(--vrc-brand) !important;
  border: 1px solid var(--vrc-brand) !important;
  color: #fff !important;

  border-radius: var(--vrc-btn-radius) !important;
  padding: var(--vrc-btn-pad-y) var(--vrc-btn-pad-x) !important;

  font-size: var(--vrc-btn-font-size) !important;
  font-weight: var(--vrc-btn-font-weight) !important;
  letter-spacing: .2px;
  text-transform: none !important;

  box-shadow: var(--vrc-btn-shadow) !important;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease;
}

.elementor-element-750b2b7 .vrc-car-result-right a.vrc-car-result-btn:hover,
.elementor-element-750b2b7 .vrc-car-result-right a.vrcdetails:hover,
.elementor-element-750b2b7 .vrc-car-result-right a.vrc-car-details:hover{
  background: var(--vrc-brand-hover) !important;
  border-color: var(--vrc-brand-hover) !important;
  box-shadow: var(--vrc-btn-shadow-hover) !important;
  transform: translateY(-1px);
}

/* --- CSS ile buton metni (İSTEĞE BAĞLI / varsayılan kapalı)
   AÇMAK İÇİN:
   1) Aşağıdaki bloğun başındaki ve sonundaki yorum işaretlerini kaldırın.
   2) 0) bölümündeki --vrc-btn-label değerini değiştirin.

.elementor-element-750b2b7 .vrc-car-result-right a.vrc-car-result-btn,
.elementor-element-750b2b7 .vrc-car-result-right a.vrcdetails,
.elementor-element-750b2b7 .vrc-car-result-right a.vrc-car-details{
  font-size: 0 !important; 
}
.elementor-element-750b2b7 .vrc-car-result-right a.vrc-car-result-btn::after,
.elementor-element-750b2b7 .vrc-car-result-right a.vrcdetails::after,
.elementor-element-750b2b7 .vrc-car-result-right a.vrc-car-details::after{
  content: var(--vrc-btn-label);
  font-size: var(--vrc-btn-font-size);
  font-weight: var(--vrc-btn-font-weight);
}
*/

/* ---------------------------------------------------------
   8) MOBİL UYUM
   - Kartlar alt alta
   - “21 Yaş / Ehliyet” satırı daha küçük
   --------------------------------------------------------- */
@media (max-width: 767px){
  .elementor-element-750b2b7 .car_result{
    flex-direction: column;
    align-items: flex-start;
  }

  .elementor-element-750b2b7 .vrc-car-result-left{
    width: 100%;
    max-width: 360px;
  }

  /* Mobilde “21 Yaş / Ehliyet” daha küçük */
  .elementor-element-750b2b7 .car_result .vrc-car-result-info,
  .elementor-element-750b2b7 .car_result .vrc-car-result-info *{
    font-size: var(--vrc-rule-size-mobile) !important;
  }

  .elementor-element-750b2b7 .car_result .vrc-car-result-info i,
  .elementor-element-750b2b7 .car_result .vrc-car-result-info svg{
    font-size: var(--vrc-rule-icon-size-mobile) !important;
    width: var(--vrc-rule-icon-size-mobile);
    height: var(--vrc-rule-icon-size-mobile);
  }
}
/* =========================================================
   VRC – "Detayları Görüntüle" Butonu Font Size Fix
   Hedef: .vrc-car-bookingbtn a.btn.vrc-pref-color-btn
   ========================================================= */

/* Desktop / Tablet */
.elementor-element-750b2b7 .vrc-car-bookingbtn a.btn.vrc-pref-color-btn{
  font-size: 12px !important;     /* desktop yazı boyutu */
  line-height: 1.1 !important;
  letter-spacing: .2px !important;
  white-space: nowrap !important; /* tek satır kalsın */
}

/* Mobil */
@media (max-width: 767px){
  .elementor-element-750b2b7 .vrc-car-bookingbtn a.btn.vrc-pref-color-btn{
    font-size: 11px !important;   /* mobil yazı boyutu */
    white-space: normal !important; /* gerekirse 2 satır */
    text-align: center !important;
  }
}

/* Desktop */
.elementor-element-750b2b7 .vrc-car-bookingbtn a.btn.vrc-pref-color-btn{
  padding: 10px 14px !important;
}

/* Mobil */
@media (max-width: 767px){
  .elementor-element-750b2b7 .vrc-car-bookingbtn a.btn.vrc-pref-color-btn{
    padding: 9px 12px !important;
  }
}/* End custom CSS */