/* === BOZGÜN — MOBİL & TABLET (tüm sayfalar) === */

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-padding-top:calc(var(--site-header-h, 72px) + 8px);
}
body{
  overflow-x:clip;
  max-width:100vw;
}
img,video,iframe,svg{max-width:100%;height:auto;}
a,button,.bdt-btn,.bdt-srv-btn,.bdt-sl-btn,.site-nav-link,.site-nav-sublink{
  -webkit-tap-highlight-color:rgba(14,159,110,.14);
  touch-action:manipulation;
}

.site-header{
  padding-left:max(0px, env(safe-area-inset-left));
  padding-right:max(0px, env(safe-area-inset-right));
}
.bdt-global-action-bar{
  padding-left:max(0px, env(safe-area-inset-left));
  padding-right:max(0px, env(safe-area-inset-right));
  padding-bottom:max(0px, env(safe-area-inset-bottom));
}

/* Eski sayfa alt barı — global çubuk varken gizle, çift boşluk olmasın */
body.has-bdt-global-bar .entry-content .bdt-mobile-bar,
body.has-bdt-global-bar .bdt-wrap > .bdt-mobile-bar,
body.has-bdt-global-bar .bdt-srv > .bdt-mobile-bar,
body.has-bdt-global-bar .bdt-srv-list > .bdt-mobile-bar{
  display:none !important;
}

/* ========== TABLET (601px – 1024px) ========== */
@media (min-width:601px) and (max-width:1024px){
  .site-header-inner{padding:12px 18px;}
  .site-logo{max-width:min(70vw, 380px);}
  .site-logo-img{width:60px;height:60px;}
  .site-logo-text strong{font-size:21px;}
  .site-logo-sub{font-size:15px;}

  .site-footer-inner{
    grid-template-columns:1fr 1fr;
    gap:24px 28px;
    padding:44px 22px 22px;
  }
  .site-footer-inner > :first-child{grid-column:1 / -1;}
  .site-footer-services{grid-template-columns:1fr 1fr;}

  .bdt-section{padding:56px 22px;}
  .bdt-hero,.bdt-srv-hero,.bdt-sl-hero,.bdt-team-hero{padding-top:56px !important;padding-bottom:52px !important;}
  .bdt-hero-inner,.bdt-srv-hero-inner{gap:36px;}
  .bdt-hero h1,.bdt-srv-hero h1,.bdt-sl-hero h1{font-size:clamp(1.75rem, 4.2vw, 2.25rem) !important;}
  .bdt-services,.bdt-sl-grid,.bdt-features{gap:20px;}
  .bdt-posts-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}

  .bdt-srv-body,.bdt-sl-intro{padding-left:22px;padding-right:22px;}
  .bdt-srv-cta-band,.bdt-sl-cta-band{padding-left:22px;padding-right:22px;}

  .bdt-global-action-bar{
    left:12px;
    right:12px;
    bottom:12px;
    width:auto;
    max-width:calc(100vw - 24px);
    margin:0 auto;
    border-radius:14px;
  }
}

/* ========== MOBİL MENÜ İYİLEŞTİRME (≤900px) ========== */
@media (max-width:900px){
  .site-nav{
    width:min(100vw, 400px);
    padding-top:calc(var(--site-header-h) + max(8px, env(safe-area-inset-top)));
    padding-bottom:max(24px, env(safe-area-inset-bottom));
    padding-left:max(14px, env(safe-area-inset-left));
    padding-right:max(14px, env(safe-area-inset-right));
  }
  .site-nav-dropmenu-inner{
    max-height:min(50dvh, 360px);
  }

  /* Hizmetlerimiz — belirgin animasyonlu ok */
  .site-nav-dropbtn{
    flex:0 0 58px !important;
    min-width:58px !important;
    min-height:58px !important;
    margin-left:4px;
    padding:0 !important;
    border:2px solid var(--bdt-green) !important;
    border-radius:14px !important;
    background:linear-gradient(145deg,#ffffff,var(--bdt-cream)) !important;
    box-shadow:0 6px 18px rgba(14,159,110,.28), inset 0 1px 0 rgba(255,255,255,.9);
    position:relative;
    isolation:isolate;
    overflow:visible;
  }
  .site-nav-dropbtn::before{
    content:"";
    position:absolute;
    inset:-4px;
    border-radius:17px;
    border:2px solid rgba(14,159,110,.45);
    animation:site-dropbtn-ring 2.2s ease-out infinite;
    pointer-events:none;
    z-index:-1;
  }
  .site-nav-dropdown.open .site-nav-dropbtn::before{
    animation:site-dropbtn-ring-open .55s ease-out forwards;
  }
  .site-nav-dropbtn::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:12px;
    background:radial-gradient(circle at 50% 0%,rgba(14,159,110,.16),transparent 68%);
    pointer-events:none;
    opacity:.85;
  }
  .drop-arrow{
    width:34px;
    height:34px;
  }
  .drop-arrow-svg{
    width:28px !important;
    height:28px !important;
    color:var(--bdt-green-dark);
    opacity:1;
    filter:drop-shadow(0 2px 4px rgba(5,122,82,.28));
    transition:transform .38s cubic-bezier(.34,1.4,.64,1),color .25s ease,filter .25s ease;
  }
  .site-nav-dropdown:not(.open) .drop-arrow-svg{
    animation:site-arrow-nudge 1.6s ease-in-out infinite;
  }
  .site-nav-dropdown.open .drop-arrow-svg{
    transform:rotate(180deg);
    color:var(--bdt-green);
    filter:drop-shadow(0 3px 8px rgba(14,159,110,.45));
    animation:none;
  }
  .site-nav-dropdown.open .site-nav-dropbtn{
    background:linear-gradient(145deg,var(--bdt-cream),#dff5ec) !important;
    border-color:var(--bdt-green-dark) !important;
    box-shadow:0 8px 22px rgba(14,159,110,.35), inset 0 0 0 1px rgba(255,255,255,.65);
  }
  .site-nav-dropwrap:hover .site-nav-dropbtn,
  .site-nav-dropdown.open .site-nav-dropbtn{
    background:linear-gradient(145deg,#ffffff,var(--bdt-cream)) !important;
  }
}

@keyframes site-dropbtn-ring{
  0%{transform:scale(.92);opacity:.75;}
  70%{transform:scale(1.14);opacity:0;}
  100%{transform:scale(1.14);opacity:0;}
}
@keyframes site-dropbtn-ring-open{
  0%{transform:scale(1);opacity:.55;}
  100%{transform:scale(1.22);opacity:0;}
}
@keyframes site-arrow-nudge{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(4px);}
}

@media (max-width:480px){
  .site-nav{
    width:100vw;
    max-width:100vw;
    border-left:none;
    box-shadow:none;
  }
  .site-header-inner{padding:8px 12px;}
  .site-logo{gap:8px;max-width:calc(100vw - 72px);}
  .site-logo-img{width:48px;height:48px;}
  .site-logo-text strong{font-size:17px;line-height:1.15;}
  .site-logo-sub{font-size:13px;}
  .site-logo-city{font-size:11px;letter-spacing:.08em;}
  .site-menu-btn{width:44px;height:44px;font-size:22px;border-radius:12px;}
}

/* ========== MOBİL (≤600px) ========== */
@media (max-width:600px){
  body.has-bdt-global-bar{
    padding-bottom:calc(70px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .bdt-hero,
  .bdt-srv-hero,
  .bdt-sl-hero,
  .bdt-team-hero,
  .bdt-con-hero,
  .bdt-blog-hero,
  .bdt-about-hero{
    padding:48px 16px 40px !important;
  }

  .bdt-hero h1,
  .bdt-srv-hero h1,
  .bdt-sl-hero h1,
  .bdt-team-hero h1,
  .bdt-blog-hero h1,
  .bdt-about-hero h1{
    font-size:clamp(1.45rem, 6.8vw, 1.85rem) !important;
    line-height:1.22 !important;
    word-break:break-word;
  }

  .bdt-hero p.lead,
  .bdt-srv-hero p.lead,
  .bdt-sl-hero p.lead,
  .bdt-team-hero p.lead{
    font-size:15.5px !important;
    line-height:1.65 !important;
  }

  .bdt-badge,.bdt-srv-badge,.bdt-sl-badge,.bdt-team-slogan,.bdt-about-badge{
    font-size:12px !important;
    padding:7px 14px !important;
    line-height:1.35 !important;
  }

  .bdt-blog-controls{
    padding-top:14px !important;
  }
  .bdt-blog-content{
    padding-top:14px !important;
  }
  .bdt-search-box,
  .bdt-search-label{
    display:block !important;
    width:100% !important;
    max-width:none !important;
  }
  .bdt-search-ico{
    position:absolute !important;
    left:16px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
  }

  .bdt-cta-row,
  .bdt-srv-cta,
  .bdt-sl-cta,
  .bdt-team-cta{
    flex-direction:column;
    align-items:stretch !important;
    gap:10px !important;
  }

  .bdt-btn,
  .bdt-srv-btn,
  .bdt-sl-btn,
  .bdt-team-btn{
    width:100%;
    justify-content:center;
    padding:14px 18px !important;
    font-size:15px !important;
  }

  .bdt-trust-bar{
    flex-direction:column;
    align-items:flex-start !important;
    gap:10px !important;
  }

  .bdt-section,
  .bdt-srv-body,
  .bdt-sl-intro{
    padding:44px 16px !important;
  }

  .bdt-section-head h2,
  .bdt-about h2,
  .bdt-cta h2,
  .bdt-srv-body h2,
  .bdt-sl-intro h2{
    font-size:clamp(1.25rem, 5.5vw, 1.5rem) !important;
    padding-left:14px;
  }

  .bdt-srv-body h3{font-size:17px !important;}
  .bdt-srv-body p,.bdt-sl-intro p{font-size:15.5px !important;}

  .bdt-breadcrumb,
  .bdt-sl-breadcrumb{
    font-size:12.5px !important;
    line-height:1.55 !important;
    text-align:left;
    word-break:break-word;
  }

  .bdt-table{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .bdt-table th,.bdt-table td{white-space:nowrap;}

  .bdt-faq summary{font-size:15px !important;padding-right:4px;}
  .bdt-faq details{padding:14px 16px !important;}

  .bdt-srv-cta-band .inner,
  .bdt-sl-cta-band .inner,
  .bdt-cta{
    padding:32px 18px !important;
  }

  .bdt-sl-card{padding:20px 16px !important;}
  .bdt-sl-card h3{font-size:17px !important;}

  .bdt-instagram-follow{
    width:100%;
    justify-content:center;
    margin-top:16px !important;
  }

  .site-footer-inner{
    padding:36px 16px 18px;
    gap:22px;
  }
  .site-footer h4{font-size:16px;}
  .site-footer p,.site-footer li{font-size:14px;}
  .site-footer-services{grid-template-columns:1fr;gap:6px;}
  .site-footer-bottom{
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:14px 16px 22px;
    gap:8px;
  }
  .site-footer-actions{align-items:stretch;width:100%;}
  .site-footer-tap{width:100%;}

  .site-powered{padding:16px 14px 22px;}
  .site-powered-links{flex-direction:column;width:100%;}
  .site-powered-link{width:100%;max-width:320px;}

  .bdt-global-action-bar{
    left:0;
    right:0;
    bottom:0;
    width:100%;
    max-width:none;
    border-radius:0;
    border-left:0;
    border-right:0;
  }
  .bdt-bar-item{min-height:56px;}
  .bdt-bar-label{font-size:13px !important;}
  .bdt-bar-wa .bdt-bar-label{font-size:14px !important;}
  .bdt-bar-label-call{font-size:13px !important;letter-spacing:.02em;}
}

/* ========== KÜÇÜK TELEFON (≤380px) ========== */
@media (max-width:380px){
  .bdt-bar-label{display:none;}
  .bdt-bar-item{gap:0;padding:10px 8px;}
  .bdt-bar-ic{font-size:24px !important;}
  .bdt-bar-call{flex:1.4;}
  .site-nav-sublink{font-size:13.5px !important;}
}

/* ========== YATAY TELEFON ========== */
@media (max-width:900px) and (orientation:landscape){
  .site-nav{
    width:min(92vw, 420px);
    padding-top:calc(var(--site-header-h) + 4px);
  }
  .site-nav-dropmenu-inner{max-height:min(38dvh, 240px);}
}

/* Kadence / WP blok taşması */
.entry-content,.bdt-wrap,.bdt-srv,.bdt-srv-list,.bdt-con{max-width:100%;overflow-x:clip;}
.entry-content > *{max-width:100%;}

@media (prefers-reduced-motion:reduce){
  .site-nav-dropbtn::before,
  .site-nav-dropdown:not(.open) .drop-arrow-svg{
    animation:none !important;
  }
  .drop-arrow-svg{transition:none !important;}
}
