/* =========================================================
   Ünye Oto Kurtarma & Yol Yardım - style.css
   ========================================================= */

:root{
  --rk-asphalt:#181B1F;
  --rk-asphalt-2:#22262B;
  --rk-orange:#FF6A00;
  --rk-orange-dark:#DB5900;
  --rk-amber:#FFC93C;
  --rk-paper:#F6F4EF;
  --rk-steel:#6B7280;
  --rk-line:rgba(255,255,255,0.08);
  --rk-font-display:'Oswald', sans-serif;
  --rk-font-body:'Inter', sans-serif;
  --rk-radius: 14px;
}

*{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto !important; animation:none !important; transition:none !important;}
}

body{
  font-family:var(--rk-font-body);
  background:var(--rk-paper);
  color:var(--rk-asphalt);
  padding-bottom:76px; /* room for mobile call bar */
}

h1,h2,h3,h4,.rk-display{
  font-family:var(--rk-font-display);
  text-transform:uppercase;
  letter-spacing:.02em;
}

.rk-hazard-strip{
  height:8px;
  width:100%;
  background:repeating-linear-gradient(-45deg,
    var(--rk-orange) 0 18px,
    var(--rk-asphalt) 18px 36px);
}

/* ===== Header ===== */
.rk-header{
  background:var(--rk-asphalt);
  border-bottom:1px solid var(--rk-line);
}
.rk-navbar{padding:.65rem 0;}
.rk-logo{
  font-family:var(--rk-font-display);
  color:#fff;
  font-size:1.35rem;
  font-weight:700;
  letter-spacing:.03em;
  display:flex;
  align-items:center;
  gap:.5rem;
  text-decoration:none;
}
.rk-logo i{color:var(--rk-orange); font-size:1.5rem;}
.rk-logo span{color:var(--rk-orange);}
.rk-nav .nav-link{
  color:#D7D9DC !important;
  font-weight:500;
  font-size:.95rem;
  padding:.5rem .9rem !important;
}
.rk-nav .nav-link:hover{color:#fff !important;}
.rk-navbar-toggler{
  border-color:var(--rk-line) !important;
}
.rk-navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(255,106,0,.35);}

.rk-call-btn{
  background:var(--rk-orange);
  color:#fff;
  font-weight:600;
  border-radius:999px;
  padding:.55rem 1.25rem;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .15s ease, background-color .15s ease;
}
.rk-call-btn:hover{background:var(--rk-orange-dark); color:#fff; transform:translateY(-1px);}

.rk-beacon{
  width:10px;height:10px;border-radius:50%;
  background:var(--rk-amber);
  box-shadow:0 0 0 0 rgba(255,201,60,.7);
  animation: rk-pulse 1.6s infinite;
}
@keyframes rk-pulse{
  0%{box-shadow:0 0 0 0 rgba(255,201,60,.65);}
  70%{box-shadow:0 0 0 9px rgba(255,201,60,0);}
  100%{box-shadow:0 0 0 0 rgba(255,201,60,0);}
}

/* ===== Hero ===== */
.rk-hero{
  position:relative;
  background:
    linear-gradient(180deg, rgba(15,17,20,.82) 0%, rgba(15,17,20,.92) 55%, var(--rk-asphalt) 100%),
    url('../assets/img/hero-cekici.jpg') center 30%/cover no-repeat;
  color:#fff;
  padding:5.5rem 0 4.5rem;
  overflow:hidden;
}
.rk-hero::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:120px;
  background-image: repeating-linear-gradient(90deg, var(--rk-amber) 0 46px, transparent 46px 92px);
  background-position:bottom 26px left 0;
  background-repeat:repeat-x;
  background-size:92px 6px;
  opacity:.22;
  pointer-events:none;
}
.rk-hero-badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  color:var(--rk-amber);
  font-weight:600;
  font-size:.8rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:.4rem .9rem;
  border-radius:999px;
}
.rk-hero h1{
  font-size:clamp(2.1rem, 5.2vw, 3.6rem);
  line-height:1.08;
  margin:1.1rem 0 1rem;
}
.rk-hero h1 .rk-accent{color:var(--rk-orange);}
.rk-hero p.lead{
  color:#C9CCD1;
  font-size:1.05rem;
  max-width:560px;
}
.rk-hero-actions{display:flex; flex-wrap:wrap; gap:.9rem; margin-top:1.6rem;}

.rk-cta-mega{
  background:var(--rk-orange);
  color:#fff;
  font-family:var(--rk-font-display);
  text-transform:uppercase;
  letter-spacing:.03em;
  font-size:1.15rem;
  font-weight:600;
  padding:1rem 2rem;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  text-decoration:none;
  box-shadow:0 12px 28px -10px rgba(255,106,0,.65);
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.rk-cta-mega:hover{
  background:var(--rk-orange-dark);
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 16px 32px -8px rgba(255,106,0,.75);
}
.rk-cta-ghost{
  border:1px solid rgba(255,255,255,.35);
  color:#fff;
  font-weight:600;
  padding:1rem 1.6rem;
  border-radius:999px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  transition:background-color .15s ease, border-color .15s ease;
}
.rk-cta-ghost:hover{background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.6);}

.rk-hero-stats{
  display:flex; gap:2rem; margin-top:2.5rem; flex-wrap:wrap;
}
.rk-hero-stats .num{font-family:var(--rk-font-display); font-size:1.9rem; color:var(--rk-orange); line-height:1;}
.rk-hero-stats .lbl{font-size:.78rem; color:#A9ACB2; text-transform:uppercase; letter-spacing:.06em;}

/* ===== Section headings ===== */
.rk-eyebrow{
  display:inline-block;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--rk-orange-dark);
  margin-bottom:.5rem;
}
.rk-section-title{
  font-size:clamp(1.6rem, 3.4vw, 2.3rem);
  color:var(--rk-asphalt);
  margin-bottom:.75rem;
}
section{padding:4.5rem 0;}

/* ===== Services ===== */
.rk-service-card{
  background:#fff;
  border:1px solid #EAE7DF;
  border-top:4px solid var(--rk-asphalt);
  border-radius:var(--rk-radius);
  padding:2rem 1.6rem;
  height:100%;
  transition:transform .18s ease, box-shadow .18s ease, border-top-color .18s ease;
}
.rk-service-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 34px -18px rgba(24,27,31,.35);
  border-top-color:var(--rk-orange);
}
.rk-service-icon{
  width:56px; height:56px;
  border-radius:14px;
  background:var(--rk-asphalt);
  color:var(--rk-orange);
  display:flex; align-items:center; justify-content:center;
  font-size:1.5rem;
  margin-bottom:1.1rem;
}
.rk-service-card h3{
  font-size:1.15rem;
  margin-bottom:.55rem;
}
.rk-service-card p{
  color:var(--rk-steel);
  font-size:.93rem;
  margin-bottom:0;
}

/* ===== Neden Biz ===== */
.rk-why{background:var(--rk-asphalt); color:#fff;}
.rk-why .rk-section-title{color:#fff;}
.rk-why .rk-eyebrow{color:var(--rk-amber);}
.rk-why-item{
  display:flex; gap:1rem; align-items:flex-start;
  padding:1.4rem 0;
  border-bottom:1px solid var(--rk-line);
}
.rk-why-item:last-child{border-bottom:none;}
.rk-why-item i{
  font-size:1.4rem; color:var(--rk-orange);
  width:44px; height:44px; flex:0 0 auto;
  border-radius:10px;
  background:rgba(255,106,0,.12);
  display:flex; align-items:center; justify-content:center;
}
.rk-why-item h4{
  font-size:1.02rem;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:.25rem;
}
.rk-why-item p{color:#B7BAC0; font-size:.92rem; margin-bottom:0;}

/* ---- Hakkımızda görsel / kaydırmalı galeri (carousel) ---- */
.rk-why-visual{
  border-radius:var(--rk-radius);
  overflow:hidden;
  position:relative;
  min-height:300px;
  border:1px solid var(--rk-line);
  background:
    repeating-linear-gradient(-45deg,
      rgba(255,106,0,.14) 0 16px,
      rgba(255,255,255,.02) 16px 32px),
    var(--rk-asphalt-2);
}
.rk-why-visual .carousel,
.rk-why-visual .carousel-inner,
.rk-why-visual .carousel-item{
  height:100%;
  min-height:300px;
}
.rk-why-visual .carousel-item img{
  width:100%;
  height:100%;
  min-height:300px;
  object-fit:cover;
  object-position:center;
}
.rk-why-visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(180deg, rgba(15,17,20,0) 40%, rgba(15,17,20,.5) 78%, rgba(15,17,20,.85) 100%);
  pointer-events:none;
}
.rk-why-visual-caption{
  position:absolute;
  z-index:3;
  top:1.1rem; left:1.1rem;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  background:rgba(24,27,31,.7);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.02em;
  padding:.42rem .8rem;
  border-radius:999px;
}
.rk-why-visual-caption i{color:var(--rk-orange);}
.rk-why-visual .rk-badge-response{
  position:absolute; left:1.2rem; bottom:1.2rem;
  z-index:3;
  background:rgba(24,27,31,.85);
  border:1px solid rgba(255,255,255,.15);
  border-radius:12px;
  padding:.9rem 1.2rem;
}
.rk-why-visual .rk-badge-response .num{font-family:var(--rk-font-display); color:var(--rk-orange); font-size:1.6rem; line-height:1;}
.rk-why-visual .rk-badge-response .lbl{font-size:.75rem; color:#C9CCD1; text-transform:uppercase; letter-spacing:.05em;}

/* Bootstrap carousel indicator/control overrides, scoped to this component */
.rk-why-visual .carousel-indicators{
  z-index:4;
  margin-bottom:.6rem;
}
.rk-why-visual .carousel-indicators [data-bs-target]{
  width:8px; height:8px;
  border-radius:50%;
  background-color:rgba(255,255,255,.55);
  border:none;
  margin:0 4px;
  opacity:1;
}
.rk-why-visual .carousel-indicators .active{
  background-color:var(--rk-orange);
  width:20px;
  border-radius:999px;
  transition:width .25s ease;
}
.rk-why-visual .carousel-control-prev,
.rk-why-visual .carousel-control-next{
  z-index:4;
  width:15%;
  opacity:0;
  transition:opacity .2s ease;
}
.rk-why-visual:hover .carousel-control-prev,
.rk-why-visual:hover .carousel-control-next{
  opacity:.85;
}
.rk-why-visual .carousel-control-prev-icon,
.rk-why-visual .carousel-control-next-icon{
  width:1.8rem; height:1.8rem;
  background-color:rgba(24,27,31,.55);
  border-radius:50%;
  padding:.4rem;
  background-size:60%;
}

@media (min-width:992px){
  .rk-why-visual{min-height:420px;}
  .rk-why-visual .carousel,
  .rk-why-visual .carousel-inner,
  .rk-why-visual .carousel-item,
  .rk-why-visual .carousel-item img{min-height:420px;}
}

/* ===== Hizmet Bölgeleri (SEO) ===== */
.rk-areas{background:#fff;}
.rk-area-card{
  background:var(--rk-paper);
  border:1px solid #EAE7DF;
  border-radius:var(--rk-radius);
  padding:1.6rem;
  height:100%;
}
.rk-area-card h3{
  font-size:1.05rem;
  display:flex; align-items:center; gap:.5rem;
  margin-bottom:.6rem;
}
.rk-area-card h3 i{color:var(--rk-orange);}
.rk-area-card p{color:var(--rk-steel); font-size:.93rem; margin-bottom:0;}
.rk-village-chips{display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.6rem;}
.rk-chip{
  background:var(--rk-asphalt);
  color:#EDEBE5;
  font-size:.82rem;
  padding:.4rem .85rem;
  border-radius:999px;
  border:1px solid var(--rk-line);
}
.rk-chip i{color:var(--rk-orange); margin-right:.3rem;}

/* ===== İletişim / Footer ===== */
.rk-contact{background:var(--rk-asphalt-2); color:#fff;}
.rk-contact .rk-section-title{color:#fff;}
.rk-contact .rk-eyebrow{color:var(--rk-amber);}
.rk-info-row{display:flex; gap:1rem; align-items:flex-start; margin-bottom:1.4rem;}
.rk-info-row i{
  font-size:1.2rem; color:var(--rk-orange);
  width:42px; height:42px; flex:0 0 auto;
  border-radius:10px; background:rgba(255,106,0,.12);
  display:flex; align-items:center; justify-content:center;
}
.rk-info-row h4{font-size:.95rem; text-transform:none; letter-spacing:0; margin-bottom:.2rem;}
.rk-info-row p, .rk-info-row a{color:#C9CCD1; font-size:.92rem; margin-bottom:0; text-decoration:none;}
.rk-info-row a:hover{color:var(--rk-orange);}
.rk-map-wrap{
  border-radius:var(--rk-radius);
  overflow:hidden;
  border:1px solid var(--rk-line);
  min-height:320px;
}
.rk-map-wrap iframe{width:100%; height:100%; min-height:320px; border:0; display:block;}

footer.rk-footer{
  background:var(--rk-asphalt);
  color:#9A9DA3;
  padding:1.6rem 0;
  font-size:.85rem;
}
footer.rk-footer a{color:#C9CCD1; text-decoration:none;}
footer.rk-footer a:hover{color:var(--rk-orange);}

/* ===== Sticky mobile call bar ===== */
.rk-mobile-callbar{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:1040;
  background:var(--rk-orange);
  display:flex;
  box-shadow:0 -6px 20px rgba(0,0,0,.25);
}
.rk-mobile-callbar a{
  flex:1;
  display:flex; align-items:center; justify-content:center;
  gap:.6rem;
  color:#fff;
  text-decoration:none;
  font-family:var(--rk-font-display);
  text-transform:uppercase;
  letter-spacing:.03em;
  font-size:1.05rem;
  font-weight:600;
  padding:.95rem 0;
}
.rk-mobile-callbar a i{font-size:1.3rem;}
@media (min-width:992px){
  .rk-mobile-callbar{display:none;}
  body{padding-bottom:0;}
}

/* reveal on scroll */
.rk-reveal{opacity:0; transform:translateY(18px); transition:opacity .5s ease, transform .5s ease;}
.rk-reveal.rk-in{opacity:1; transform:translateY(0);}

::selection{background:var(--rk-orange); color:#fff;}

/* Focus visibility */
a:focus-visible, button:focus-visible{
  outline:3px solid var(--rk-amber);
  outline-offset:2px;
}

/* ===== WHATSAPP KONUM & MODAL TASARIMI ===== */
.wa-btn-hero {
  background-color: rgba(16, 185, 129, 0.9) !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  color: white !important;
  backdrop-filter: blur(4px);
  transition: all 0.2s ease;
}
.wa-btn-hero:hover {
  background-color: #10b981 !important;
  transform: scale(1.02);
}
.wa-modal-dark {
  background-color: #181B1F;
  border: 1px solid #3f3f46;
  border-radius: 1rem;
}
.wa-input-dark {
  background-color: #171717;
  border: 1px solid #27272a;
  color: white;
}
.wa-input-dark:focus {
  background-color: #171717;
  border-color: #FF6A00;
  box-shadow: none;
  color: white;
}
.wa-input-dark::placeholder {
  color: #71717a;
}

/* ===== TELEFON İKONU ZIPLAMA (BOUNCE) ANİMASYONU ===== */
@keyframes iconBounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px); 
  }
}

.animate-bounce-icon {
  display: inline-block; 
  animation: iconBounce 1s infinite ease-in-out;
}