/* ============================================================
   İletişim (CTA) + Footer — fotoğraf yok, marka zemini
   ============================================================ */
html body .cta_bg,
html body .cta_bg.is-top,
html body .footer-bg-img{display:none!important}

/* ---------- CTA ---------- */
html body .section_cta{position:relative;background:var(--cf-bg);isolation:isolate;overflow:hidden}
html body .section_cta:before{            /* çapraz ray dokusu */
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.5;
  background-image:repeating-linear-gradient(115deg, var(--cf-rail) 0 1px, transparent 1px 120px);
  mask-image:linear-gradient(180deg,transparent,#000 22%,#000 70%,transparent);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 70%,transparent)}
html body .section_cta:after{             /* süzülen marka filigranı */
  content:"";position:absolute;z-index:-1;pointer-events:none;left:-6%;top:8%;
  width:min(40rem,62vw);aspect-ratio:454/112;opacity:.09;
  background:var(--cf-mark) center/contain no-repeat;
  animation:cfDrift 30s ease-in-out infinite alternate}
@keyframes cfDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(3rem,2rem,0)}}

html body .cta_heading .heading-style-h1{color:var(--cf-title)}

/* ---------- Form ---------- */
html body .cta_form{background:var(--cf-card);border:1px solid var(--cf-line);border-radius:1.25rem;
  overflow:hidden;box-shadow:0 50px 100px -60px rgba(0,0,0,.7);max-width:52rem}
html body .form{display:grid;grid-template-columns:1.35fr .65fr;gap:0}
html body .form_left{padding:2.75rem 2.5rem;display:flex;flex-direction:column;gap:1.4rem}
html body .form_row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
html body .form_field-wrapper{position:relative;display:flex;flex-direction:column;gap:.45rem}
html body .form_field-wrapper label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--cf-label)}
html body .form_field{background:transparent;border:0;border-bottom:1px solid var(--cf-line);
  border-radius:0;padding:.65rem .1rem;color:var(--cf-input);font-size:1rem;
  transition:border-color .25s ease,background-color .25s ease}
html body .form_field:focus{outline:none;border-bottom-color:var(--cf-accent);
  background:var(--cf-focus)}
html body .form_field::placeholder{color:var(--cf-label);opacity:.7}
html body .form_field.is-area{min-height:7rem;resize:vertical}

html body .form_right{background:var(--cf-panel);padding:2.75rem 2rem;display:flex;
  flex-direction:column;justify-content:space-between;gap:2rem;position:relative}
html body .form_right:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:radial-gradient(var(--cf-dot) 1px,transparent 1px);background-size:22px 22px}
html body .form_right-content{position:relative;display:flex;flex-direction:column;gap:1.25rem}
html body .form_right .heading-style-h6{color:var(--cf-panel-title);font-size:1.5rem;line-height:1.15}
html body .form_right .button{width:100%;justify-content:center;background:var(--cf-accent);
  color:var(--cf-accent-ink);border-radius:.6rem;padding:1rem 1.25rem;border:0;cursor:pointer;
  transition:filter .2s ease,transform .2s ease}
html body .form_right .button:hover{filter:brightness(1.08);transform:translateY(-2px)}
html body .form_image{display:none}
html body .form_message-success,html body .form_message-error{border-radius:.75rem;padding:1.25rem 1.5rem}

/* form altına iletişim kısayolları */
.cta-quick{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.75rem;justify-content:center}
.cta-quick a{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;border-radius:100rem;
  border:1px solid var(--cf-line);color:var(--cf-title);text-decoration:none;
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;transition:border-color .2s,color .2s}
.cta-quick a:hover{border-color:var(--cf-accent);color:var(--cf-accent)}

/* ---------- Footer ---------- */
html body .section_footer{position:relative;background:var(--cf-foot);isolation:isolate;overflow:hidden}
html body .section_footer:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:
    repeating-linear-gradient(0deg, var(--cf-rail) 0 1px, transparent 1px 96px),
    repeating-linear-gradient(90deg, var(--cf-rail) 0 1px, transparent 1px 96px);
  opacity:.45;
  mask-image:radial-gradient(120% 100% at 50% 0%, #000 30%, transparent 80%);
  -webkit-mask-image:radial-gradient(120% 100% at 50% 0%, #000 30%, transparent 80%)}
html body .footer_logo{opacity:.95}

/* ---------- Paletler ---------- */
html[data-wipe-color="#00483c"]{
  --cf-bg:#00483C; --cf-rail:rgba(233,197,141,.18); --cf-mark:url("../images/brand/ferrovia-logo-light.svg");
  --cf-title:#FCF8F0; --cf-card:#FCF8F0; --cf-line:rgba(0,72,60,.22); --cf-label:#5E7169;
  --cf-input:#00483C; --cf-focus:rgba(233,197,141,.12); --cf-panel:#00483C; --cf-panel-title:#FCF8F0;
  --cf-dot:rgba(233,197,141,.5); --cf-accent:#E9C58D; --cf-accent-ink:#00352C; --cf-foot:#06241E}
html[data-wipe-color="#ae5175"]{
  --cf-bg:#DBB2C2; --cf-rail:rgba(255,255,255,.5); --cf-mark:url("../images/brand/atolye-logo-light.svg");
  --cf-title:#4B2233; --cf-card:#FFFFFF; --cf-line:rgba(75,34,51,.18); --cf-label:#8A6B77;
  --cf-input:#4B2233; --cf-focus:rgba(174,81,117,.08); --cf-panel:#4B2233; --cf-panel-title:#FDF6F8;
  --cf-dot:rgba(255,255,255,.45); --cf-accent:#AE5175; --cf-accent-ink:#FFFFFF; --cf-foot:#2B141C}

@media (max-width:900px){
  html body .form{grid-template-columns:1fr}
  html body .form_left{padding:2rem 1.5rem}
  html body .form_right{padding:2rem 1.5rem}
  html body .form_row{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){html body .section_cta:after{animation:none}}

/* form konumu ve kısayol rozetleri */
html body .cta_form-wrapper{margin-top:7rem;padding-bottom:7rem}
html body .form_right{align-items:stretch;text-align:center;display:grid;grid-template-rows:1fr}
html body .form_right-content{display:grid;grid-template-rows:1fr auto;gap:1.5rem;
  width:100%;height:100%;align-items:center}
html body .form_brand{display:block;width:min(15rem,80%);height:auto;margin:auto;align-self:center}
html body .form_right .button{align-self:end}
.cta-quick{margin:2.25rem auto 0;max-width:52rem}
.cta-quick a{background:var(--cf-chip,transparent);color:var(--cf-title);
  border-color:var(--cf-line-strong,rgba(233,197,141,.45))}
html[data-wipe-color="#00483c"] .cta-quick a{color:#FCF8F0;border-color:rgba(233,197,141,.45)}
html[data-wipe-color="#00483c"] .cta-quick a:hover{color:#E9C58D;border-color:#E9C58D}
html[data-wipe-color="#ae5175"] .cta-quick a{color:#4B2233;border-color:rgba(75,34,51,.3)}
html[data-wipe-color="#ae5175"] .cta-quick a:hover{color:#AE5175;border-color:#AE5175}
@media (max-width:900px){html body .cta_form-wrapper{margin-top:4rem;padding-bottom:4rem}}

/* ============================================================
   Footer tipografisi — düzenli ızgara, kırık ritim
   ============================================================ */
html body .footer_grid{gap:3rem 2.5rem}
html body .footer_column{position:relative}

/* sütun başlıkları: numaralı, altın, ince ray */
html body .footer_column > .text-size-caption-large{
  position:relative;color:var(--cf-accent);font-size:.66rem;letter-spacing:.3em;
  padding-bottom:.9rem;margin-bottom:1.4rem;display:block}
html body .footer_column > .text-size-caption-large:before{
  content:counter(fcol,decimal-leading-zero) " ";opacity:.55;margin-right:.55rem}
html body .footer_grid{counter-reset:fcol}
html body .footer_column{counter-increment:fcol}
html body .footer_column > .text-size-caption-large:after{
  content:"";position:absolute;left:0;bottom:0;width:2.5rem;height:1px;background:var(--cf-accent);opacity:.6}

/* bağlantılar: büyük, kırık hizalı, hover'da kayar */
html body .footer_column-content{display:flex;flex-direction:column;gap:.55rem}
html body .footer_column-content .is-link{
  position:relative;display:inline-block;width:fit-content;
  font-size:clamp(17px,1.45vw,23px);line-height:1.25;letter-spacing:-.01em;
  color:var(--cf-foot-ink);text-decoration:none;
  transition:transform .3s cubic-bezier(.22,1,.36,1),color .25s ease,letter-spacing .3s ease}
html body .footer_column-content .is-link:nth-child(2n){transform:translateX(.55rem)}
html body .footer_column-content .is-link:nth-child(3n){transform:translateX(1.15rem);opacity:.92}
html body .footer_column-content .is-link:nth-child(5n){transform:translateX(.25rem)}
html body .footer_column-content .is-link:hover{
  transform:translateX(1.6rem);color:var(--cf-accent);letter-spacing:.01em}
html body .footer_column-content .is-link:after{
  content:"";position:absolute;left:0;right:100%;bottom:-.15rem;height:1px;background:var(--cf-accent);
  transition:right .35s cubic-bezier(.22,1,.36,1)}
html body .footer_column-content .is-link:hover:after{right:0}

/* konum sütunu: saat ve tarih istasyon panosu gibi */
html body .footer_column-content [data-date],
html body .footer_column-content [data-time]{
  font-family:var(--font-mono,ui-monospace,monospace);color:var(--cf-accent);
  letter-spacing:.12em}
html body .footer_column-content [data-time]{font-size:clamp(22px,2.1vw,34px);line-height:1.1}
html body .footer_column-content [data-date]{font-size:.8rem;opacity:.85}

/* iletişim bloğu: sağa yaslı, mono, ray çizgili */
html body .footer_bottom-right{position:relative;padding-top:1.25rem;gap:.35rem}
html body .footer_bottom-right:before{content:"";position:absolute;top:0;right:0;width:6rem;height:1px;
  background:var(--cf-accent);opacity:.55}
html body .footer_bottom-right .text-size-caption-small{color:var(--cf-foot-ink);opacity:.85;letter-spacing:.1em}

/* alt bar */
html body .footer_bottom{position:relative;padding-top:1.6rem;margin-top:2.5rem;
  align-items:start;row-gap:1rem}
html body .footer_bottom:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,var(--cf-accent),transparent 65%);opacity:.5}
html body .footer_bottom .text-size-caption-small{color:var(--cf-foot-ink);opacity:.7;letter-spacing:.12em}
html body .footer_bottom-links{display:flex;flex-wrap:wrap;gap:1.25rem 2rem}
html body .footer_bottom-links a{color:var(--cf-foot-ink);opacity:.7;text-decoration:none;
  letter-spacing:.12em;transition:opacity .2s,color .2s}
html body .footer_bottom-links a:hover{opacity:1;color:var(--cf-accent)}

html[data-wipe-color="#00483c"]{--cf-foot-ink:#FCF8F0}
html[data-wipe-color="#ae5175"]{--cf-foot-ink:#FDF6F8}

@media (max-width:767px){
  html body .footer_column-content .is-link,
  html body .footer_column-content .is-link:nth-child(2n),
  html body .footer_column-content .is-link:nth-child(3n),
  html body .footer_column-content .is-link:nth-child(5n){transform:none}
}
/* Atölye nav logosu ortalı dursun */
html[data-wipe-color="#ae5175"] body .nav_logo{display:flex;align-items:center;justify-content:center}
html[data-wipe-color="#ae5175"] body .nav_logo svg{max-width:14rem}

/* ---------- Footer: kırık düzen + hafif hareket ---------- */
.foot-marquee{position:relative;overflow:hidden;margin:0 0 clamp(2.5rem,5vw,4rem);
  padding:.9rem 0;border-top:1px solid var(--cf-rail);border-bottom:1px solid var(--cf-rail);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.foot-marquee__track{display:flex;width:max-content;animation:footMarquee 38s linear infinite}
.foot-marquee span{display:inline-flex;align-items:center;gap:1.5rem;padding-right:1.5rem;
  font-family:var(--font-mono,monospace);font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--cf-accent);opacity:.75;white-space:nowrap}
.foot-marquee span i{width:6px;height:6px;border-radius:50%;background:var(--cf-accent);flex:none;opacity:.7}
@keyframes footMarquee{to{transform:translate3d(-50%,0,0)}}

/* sütunlar farklı yüksekliklerden başlasın */
html body .footer_column:nth-child(1){margin-top:0}
html body .footer_column:nth-child(2){margin-top:2.75rem}
html body .footer_column:nth-child(3){margin-top:1.1rem}

/* bağlantılarda ölçek ve açı kırılmaları */
html body .footer_column-content .is-link:nth-child(1){font-size:clamp(19px,1.7vw,27px)}
html body .footer_column-content .is-link:nth-child(2){font-size:clamp(16px,1.3vw,21px);opacity:.88}
html body .footer_column-content .is-link:nth-child(3){font-size:clamp(21px,1.9vw,30px)}
html body .footer_column-content .is-link:nth-child(4){font-size:clamp(16px,1.25vw,20px);opacity:.85}
html body .footer_column-content .is-link:nth-child(5){font-size:clamp(18px,1.5vw,24px)}
html body .footer_column-content .is-link:hover{color:var(--cf-accent)}

/* saat: yanında nabız atan nokta */
html body .footer_column-content [data-time]{position:relative;display:inline-flex;align-items:center;gap:.6rem}
html body .footer_column-content [data-time]:before{content:"";width:8px;height:8px;border-radius:50%;
  background:var(--cf-accent);animation:footPulse 2.4s ease-in-out infinite}
@keyframes footPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 var(--cf-accent)}
  50%{opacity:.55;box-shadow:0 0 0 6px transparent}}

@media (prefers-reduced-motion:reduce){
  .foot-marquee__track{animation:none}
  html body .footer_column-content [data-time]:before{animation:none}
}
@media (max-width:767px){
  html body .footer_column:nth-child(2),html body .footer_column:nth-child(3){margin-top:0}
}

/* ---------- Footer: hafif vagon dokunuşu ---------- */
/* sütun başlığı altına tampon/ray işareti */
html body .footer_column > .text-size-caption-large:after{width:3.5rem}

/* konum sütununa vagon penceresi çerçevesi (sadece o sütun) */
html body .footer_column:nth-child(3) .footer_column-content{
  position:relative;padding:1.1rem 1.25rem;border-radius:.9rem .9rem .25rem .25rem;
  border:1px solid color-mix(in srgb, var(--cf-accent) 28%, transparent);
  background:linear-gradient(180deg, color-mix(in srgb, var(--cf-accent) 5%, transparent), transparent)}

/* ---------- Footer okunabilirlik ---------- */
/* koyu zeminde vurgu rengi açık tona çıksın (özellikle Atölye) */
html[data-wipe-color="#ae5175"] body .section_footer{--cf-accent:#FFC2D6}
html[data-wipe-color="#ae5175"] body .footer_column > .text-size-caption-large{font-size:.72rem}

/* kırık ritim okunurluğu bozuyordu: eşit boyut, tam opaklık */
html body .footer_column-content .is-link,
html body .footer_column-content .is-link:nth-child(1),
html body .footer_column-content .is-link:nth-child(2),
html body .footer_column-content .is-link:nth-child(3),
html body .footer_column-content .is-link:nth-child(4),
html body .footer_column-content .is-link:nth-child(5){
  font-size:clamp(17px,1.35vw,22px);opacity:1;transform:none}
html body .footer_column-content{gap:.75rem}

/* sütun başlıkları ve alt satırlar soluk kalmasın */
html body .footer_column > .text-size-caption-large{opacity:1}
html body .footer_bottom .text-size-caption-small,
html body .footer_bottom-links a{opacity:.9}
html body .footer_bottom-right .text-size-caption-small{opacity:.95}
html body .footer_column-content [data-date]{opacity:.95}

/* sütunlar aynı hizadan başlasın (kırık ritim başlıkları dağıtıyordu) */
html body .footer_column:nth-child(1),
html body .footer_column:nth-child(2),
html body .footer_column:nth-child(3){margin-top:0}
html body .footer_column-content .is-link{white-space:nowrap}
html body .footer_column-content [data-time]{white-space:nowrap}