/* File: car-rental-wda-child/assets/css/pages/financing.css */

.dag-financing-page{
  padding-block: 0;
  background: var(--dag-bg);
  color: var(--dag-text);
}

/* HERO */
.financing-hero{
  padding: clamp(26px, 3.2vw, 44px) 0;
  border-bottom: 1px solid var(--dag-border);
  background:
    radial-gradient(900px 420px at 12% 0%, rgba(96,165,250,.18), transparent 62%),
    radial-gradient(900px 420px at 92% 12%, rgba(34,197,94,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0)),
    url("../../img/financing-hero.jpg");
  background-size: cover;
  background-position: center;
}

.financing-hero__inner{
  display: grid;
  gap: 14px;
  align-items: start;
}

@media (min-width: 980px){
  .financing-hero__inner{
    grid-template-columns: 1.25fr .75fr;
    gap: 18px;
  }
}

.financing-hero__kicker{
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--dag-muted);
}

.financing-hero__title{
  margin: 0 0 10px;
  font-size: clamp(26px, 3.4vw, 42px);
  line-height: 1.12;
  letter-spacing: -0.02em;
}

.financing-hero__lead{
  margin: 0;
  max-width: var(--dag-max-prose, 74ch);
  color: rgba(229,231,235,.86);
  line-height: 1.65;
}

.financing-hero__actions{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.financing-hero__meta{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  font-size: 13px;
  color: var(--dag-muted);
}

.financing-hero__metaItem{
  display: inline-flex;
  gap: 8px;
  align-items: baseline;
  text-decoration: none;
  color: var(--dag-text);
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(17,26,43,.35);
  backdrop-filter: blur(8px);
}

.financing-hero__metaItem:hover{
  border-color: rgba(255,255,255,.18);
  background: rgba(17,26,43,.45);
}

.financing-hero__metaLabel{
  color: rgba(229,231,235,.72);
  font-size: 12px;
}

.financing-hero__metaValue{
  font-weight: 800;
}

.financing-hero__chips{
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.financing-chip{
  font-size: 13px;
  color: rgba(229,231,235,.9);
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(17,26,43,.35);
  backdrop-filter: blur(8px);
}

.financing-hero__card{
  padding: clamp(14px, 2vw, 18px);
  background: rgba(17,26,43,.55);
  backdrop-filter: blur(10px);
  border-color: rgba(255,255,255,.12);
}

.financing-hero__card:hover{
  transform: none;
  box-shadow: var(--dag-shadow-sm);
  border-color: rgba(255,255,255,.12);
}

.financing-hero__cardTitle{
  margin: 0 0 10px;
  font-size: 16px;
  letter-spacing: -0.01em;
}

.financing-hero__cardList{
  margin: 0;
  padding-left: 1.1em;
  display: grid;
  gap: 6px;
  color: rgba(229,231,235,.86);
}

.financing-hero__cardNote{
  margin: 12px 0 0;
  color: rgba(229,231,235,.72);
  font-size: 13px;
  line-height: 1.6;
}

/* APPLY */
.financing-apply{
  padding: clamp(22px, 3.2vw, 44px) 0;
}

.financing-apply__head{
  display: grid;
  gap: 6px;
  margin-bottom: 14px;
}

.financing-apply__title{
  margin: 0;
  font-size: clamp(20px, 2.4vw, 28px);
  letter-spacing: -0.02em;
}

.financing-apply__lead{
  margin: 0;
  color: var(--dag-muted);
  max-width: 78ch;
  line-height: 1.65;
}

.financing-grid{
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: clamp(14px, 2.0vw, 22px);
  align-items: start;
}

@media (max-width: 980px){
  .financing-grid{ grid-template-columns: 1fr; }
}

.financing-info{
  padding: 18px;
}

.financing-info:hover{
  transform: none;
  box-shadow: var(--dag-shadow-sm);
  border-color: var(--dag-border);
}

.financing-info__title{
  margin: 0 0 10px;
  font-size: 18px;
  letter-spacing: -0.01em;
}

.financing-bullets{
  margin: 0;
  padding-left: 1.25em;
  color: var(--dag-muted);
}
.financing-bullets li{ margin: .55em 0; }

.financing-note{
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(229,231,235,.86);
}

.financing-location{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.10);
}

.financing-location__title{
  margin: 0 0 8px;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: var(--dag-text);
}

.financing-location__addr{
  margin: 0 0 8px;
  color: var(--dag-muted);
  line-height: 1.6;
}

.financing-location__link{
  display: inline-flex;
  gap: 8px;
  align-items: center;
  text-decoration: none;
  font-weight: 800;
}

/* FORM WRAP */
.financing-form-wrap{
  padding: 18px;
}

.financing-form-wrap:hover{
  transform: none;
  box-shadow: var(--dag-shadow-sm);
  border-color: var(--dag-border);
}

.financing-form-wrap__title{
  margin: 0 0 6px;
  font-size: 18px;
  letter-spacing: -0.01em;
}

.financing-form-wrap__lead{
  margin: 0 0 12px;
  color: var(--dag-muted);
  line-height: 1.6;
}

/* Avoid double-card: form already styled */
.financing-form-wrap .dag-financing-form.dag-form{
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
}

.financing-form__grid{
  gap: 12px;
}

.financing-form__actions{
  margin-top: 2px;
}

.financing-form__disclaimer{
  margin: 10px 0 0;
  color: var(--dag-muted);
  font-size: 13px;
  line-height: 1.55;
  font-weight: 700;
}

.financing-notice{
  padding: 10px 12px;
  border-radius: 12px;
  margin: 0 0 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: var(--dag-text);
}

.financing-notice--error{
  border-color: rgba(255,120,120,.35);
  background: rgba(255,120,120,.08);
}

.financing-afterform{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.10);
  display: grid;
  gap: 10px;
}

.financing-afterform__title{
  margin: 0;
  font-weight: 650;
  letter-spacing: -0.01em;
}

.financing-afterform__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

/* HIGHLIGHTS */
.financing-highlights{
  padding: 0 0 clamp(18px, 2.6vw, 36px);
}

.financing-highlights__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 1024px){
  .financing-highlights__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px){
  .financing-highlights__grid{ grid-template-columns: 1fr; }
}

.financing-highlight{
  padding: 16px;
}

.financing-highlight:hover{
  transform: none;
  box-shadow: var(--dag-shadow-sm);
  border-color: var(--dag-border);
}

.financing-highlight__title{
  margin: 0 0 6px;
  font-size: 16px;
  letter-spacing: -0.01em;
}

.financing-highlight__text{
  margin: 0;
  color: var(--dag-muted);
  line-height: 1.6;
}

/* STEPS */
.financing-steps{
  padding: clamp(18px, 2.6vw, 36px) 0;
  border-top: 1px solid var(--dag-border);
  border-bottom: 1px solid var(--dag-border);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
}

.financing-steps__inner{
  display: grid;
  gap: 12px;
}

.financing-steps__title{
  margin: 0;
  font-size: clamp(18px, 2.2vw, 24px);
  letter-spacing: -0.01em;
}

.financing-steps__list{
  margin: 0;
  padding-left: 1.1em;
  display: grid;
  gap: 10px;
  color: var(--dag-text);
}

.financing-steps__list li{
  line-height: 1.65;
}

.financing-steps__list strong{
  display: inline-block;
  margin-right: 8px;
}

/* FAQ */
.financing-faq{
  padding: clamp(22px, 3.2vw, 44px) 0;
}

.financing-faq__inner{
  display: grid;
  gap: 12px;
}

.financing-faq__title{
  margin: 0;
  font-size: clamp(18px, 2.2vw, 24px);
  letter-spacing: -0.01em;
}

.financing-faq__items{
  padding: 10px;
}

.financing-faq__items:hover{
  transform: none;
  box-shadow: var(--dag-shadow-sm);
  border-color: var(--dag-border);
}

.financing-faq__item{
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  padding: 10px 10px;
}

.financing-faq__item + .financing-faq__item{
  margin-top: 8px;
}

.financing-faq__item summary{
  cursor: pointer;
  font-weight: 800;
  list-style: none;
}

.financing-faq__item summary::-webkit-details-marker{ display: none; }

.financing-faq__item p{
  margin: 8px 0 0;
  color: var(--dag-muted);
  line-height: 1.65;
}

/* CTA */
.financing-cta{
  margin-top: 12px;
  display: grid;
  gap: 12px;
  align-items: center;
  padding: 16px;
}

@media (min-width: 820px){
  .financing-cta{
    grid-template-columns: 1fr auto;
  }
}

.financing-cta:hover{
  transform: none;
  box-shadow: var(--dag-shadow-sm);
  border-color: var(--dag-border);
}

.financing-cta__title{
  margin: 0 0 6px;
  font-size: 18px;
  letter-spacing: -0.01em;
}

.financing-cta__text{
  margin: 0;
  color: var(--dag-muted);
  line-height: 1.6;
}

.financing-cta__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

/* EDITOR EXTRA */
.financing-editor{
  padding: 0 0 clamp(22px, 3.2vw, 44px);
}

.financing-editor__card{
  padding: 18px;
}

.financing-editor__title{
  margin: 0 0 10px;
  font-size: 1.25rem;
  letter-spacing: -0.01em;
}

.financing-editor__content :where(p){
  line-height: 1.75;
}

.financing-editor__content :where(ul,ol){
  padding-left: 1.25em;
}

.financing-editor__content a{ color: var(--dag-link); }
.financing-editor__content a:hover{ color: var(--dag-link-hover); }
.financing-editor__content a:focus-visible{
  outline: none;
  box-shadow: var(--dag-ring);
  border-radius: 6px;
}

/* PRINT */
@media print{
  .financing-hero__actions,
  .financing-afterform,
  .financing-cta__actions{
    display: none !important;
  }
  .dag-financing-page{
    background: #fff !important;
    color: #000 !important;
  }
  .dag-card{
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
  }
  .financing-hero{
    background: #fff !important;
  }
}