/* =========================================================
   DOĞAN METE MİMARLIK — responsive.css
   ========================================================= */


/* TABLET — 1200px
================================================== */
@media (max-width: 1200px) {
  :root { --side-pad: 80px; --section-v: 80px; }
  .team-card      { flex: 0 0 calc(33.333% - 11px); }
  .hizmetler-grid { grid-template-columns: repeat(3, 1fr); }
  .projeler-grid  { grid-template-columns: repeat(3, 1fr); }
  .basin-grid     { grid-template-columns: repeat(3, 1fr); }
}


/* TABLET — 992px
================================================== */
@media (max-width: 992px) {
  :root { --side-pad: 48px; --section-v: 64px; }

  .hero-section { flex-direction: column; min-height: auto; }
  .hero-left    { width: 100%; padding-right: var(--side-pad); padding-top: 80px; padding-bottom: 32px; }
  .hero-right   { width: 100%; padding-top: 0; }
  .hero-slider  { height: 50vh; }
  .hero-logo    { top: 24px; }
  .hero-tagline { padding-top: 80px; }

  .about-inner   { flex-direction: column; max-height: none; }
  .about-img-col { flex: none; width: 100%; }

  .team-card       { flex: 0 0 calc(50% - 8px); }
  .team-header-row { margin-top: 40px; }

  .contact-inner { flex-direction: column; }
  .contact-left  { flex: none; width: 100%; padding: var(--section-v) var(--side-pad) 32px; }
  .contact-right { max-width: 100%; margin-right: var(--side-pad); padding: 32px var(--side-pad); }

  .cta-bar-inner    { flex-direction: column; gap: 16px; align-items: flex-start; }
  .cta-whatsapp-box { min-width: auto; width: 100%; }

  .footer-inner      { grid-template-columns: 1fr; grid-template-rows: auto; row-gap: 24px; }
  .footer-logo-col   { grid-column: 1; grid-row: 1; }
  .footer-mid-col    { grid-column: 1; grid-row: 2; }
  .footer-right-col  { grid-column: 1; grid-row: 3; text-align: left; }
  .footer-copy-col   { grid-column: 1; grid-row: 4; }
  .footer-kvkk-col   { grid-column: 1; grid-row: 5; }
  .footer-social-col { grid-column: 1; grid-row: 6; justify-content: flex-start; }
  .footer-nav { flex-wrap: wrap; gap: 4px 0; }
  .fnav-sep   { margin: 0 8px; }

  .kurumsal-inner    { flex-direction: column; gap: 32px; }
  .kurumsal-text     { max-width: 100%; }
  .kurumsal-visual   { flex: none; width: 100%; }
  .kurumsal-visual-inner { min-height: 400px; }

  .iletisim-body-inner { flex-direction: column; gap: 48px; }
  .iletisim-left       { flex: none; width: 100%; gap: 40px; }

  .hizmetler-grid { grid-template-columns: repeat(2, 1fr); }
  .kentsel-banner-inner { flex-direction: column; border-radius: 8px; }
  .kentsel-left  { border-radius: 8px 8px 0 0; margin-right: 0; }
  .kentsel-right { border-radius: 0 0 8px 8px; padding: 18px 28px; }

  .projeler-grid { grid-template-columns: repeat(2, 1fr); }
  .basin-grid    { grid-template-columns: repeat(2, 1fr); }

  .pd-hero { height: 50vh; min-height: 320px; }
  .pd-meta-inner { gap: 24px; }
  .pd-gallery-grid { grid-template-columns: 1fr; }
  .pd-nav { flex-direction: column; }
  .pd-nav-prev { border-right: none; border-bottom: 1px solid #c8c8c8; }
}


/* MOBİL — 768px
================================================== */
@media (max-width: 768px) {
  :root { --side-pad: 20px; --section-v: 48px; }

  /* YAN MENÜ */
  .side-menu       { width: 100%; padding: 80px 28px 48px; }
  .side-menu-close { right: 28px; }

  /* HEADER: sabit, logo sol + hamburger sağ */
  .site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 800; display: block; }
  .header-inner {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px var(--side-pad); background: var(--color-white);
  }
  .header-inner::before {
    content: '';
    display: block;
    width: 72px; height: 52px;
    background: url('../img/logo-real.png') no-repeat center / contain;
    flex-shrink: 0;
  }

  /* HERO: sadece slider, sol kısım gizli */
  .hero-section { flex-direction: column; min-height: auto; padding-top: 80px; }
  .hero-left    { display: none; }
  .hero-right   { width: 100%; padding-top: 0; }
  .hero-slider  { width: 100%; height: 60vw; min-height: 220px; }

  .spotlight-badge { font-size: 0.8rem; padding: 5px 10px; top: 14px; left: 14px; }
  .badge-arrow-svg { width: 16px; height: 16px; }

  .slide-caption   { font-size: 1rem; font-weight: 600; bottom: 16px; left: 20px; letter-spacing: 0.04em; }
  .slide-expand-btn { display: none; }

  /* PROJELER */
  .projects-section { padding: var(--section-v) var(--side-pad); }
  .projects-section::before { display: none; }
  .projects-header-bar { margin-top: 0; margin-bottom: 20px; }
  .projects-header-bar span { font-size: 1.1rem; color: var(--color-black); }

  /* 1 kart tam ekran — overflow:hidden wrapper ile kırpılır */
  .projects-slider-wrapper { overflow: hidden; }
  .project-card            { flex: 0 0 100%; min-width: 0; }

  .project-info h4   { font-size: 1.1rem; }
  .project-info span { font-size: 1.1rem; }

  /* HAKKIMIZDA */
  .about-inner    { flex-direction: column; max-height: none; }
  .about-text-col { padding: 32px 24px; }
  .about-text-col p { font-size: 1.1rem; }
  .btn-link-arrow   { font-size: 1.1rem; }
  .about-img-col  { flex: none; width: 100%; }

  /* DEĞER KATAN CTA */
  .cta-content    { padding: 48px 20px; }
  .cta-content h2 { font-size: 1.2rem; }
  .cta-buttons    { flex-direction: column; align-items: stretch; width: 100%; gap: 12px; }
  .cta-btn        { min-width: 0; width: 100%; padding: 14px 20px; font-size: 0.9rem; }

  /* EKİBİMİZ */
  .team-section { padding: var(--section-v) var(--side-pad); }
  .team-section::before { display: none; }
  .team-header-row  { margin-top: 0; margin-bottom: 24px; justify-content: space-between; }
  .team-header-row > span { font-size: 1.1rem; color: var(--color-black); }
  .team-arrow { border-color: rgba(0,0,0,0.2); color: var(--color-black); }

  /* 1 kart tam ekran */
  .team-track-wrapper { overflow: hidden; }
  .team-card          { flex: 0 0 100%; min-width: 0; }
  .team-card strong   { font-size: 1.1rem; color: var(--color-black); }
  .team-card span     { font-size: 1.1rem; }

  /* PROJE BAŞLAT FORM */
  .contact-section { margin-bottom: var(--section-v); }
  .contact-inner   { flex-direction: column; }
  .contact-left {
    flex: none; width: 100%;
    padding: var(--section-v) var(--side-pad) 24px;
    align-items: flex-start; text-align: left; align-self: auto;
  }
  .contact-eyebrow { font-size: 1.1rem; }
  .contact-left h2 { font-size: 1.1rem; line-height: 1.5; }

  .contact-right {
    max-width: 100%; width: 100%;
    margin-left: 0; margin-right: 0;
    padding: 24px var(--side-pad);
  }
  .contact-field input              { font-size: 1.1rem; }
  .contact-field input::placeholder { font-size: 1.1rem; }
  .contact-field-row textarea              { font-size: 1.1rem; }
  .contact-field-row textarea::placeholder { font-size: 1.1rem; }

  .contact-field-row { flex-direction: column; }
  .contact-send-btn  { width: 100%; height: auto; aspect-ratio: auto; padding: 16px; font-size: 0.9rem; }

  .robot-check { gap: 10px; padding: 12px 16px; }

  /* KVKK: yan yana */
  .contact-kvkk { flex-direction: row; align-items: flex-start; gap: 12px; }
  .contact-kvkk p { order: 1; }
  .kvkk-checkbox  { width: 28px; flex-shrink: 0; justify-content: flex-start; order: 2; }

  /* CTA BAR */
  .cta-bar-inner { flex-direction: column; gap: 16px; align-items: center; text-align: center; }
  .cta-bar-left  { font-size: 1rem; }
  .cta-bar-right { flex-direction: row; gap: 0; width: 100%; }
  .cta-whatsapp-box { flex: 1; min-width: 0; border-right: none; border-radius: 6px 0 0 6px; }
  .cta-bar-btn      { border-radius: 0 6px 6px 0; padding: 0 16px; font-size: 0.85rem; }

  /* FOOTER: tümü ortala */
  .footer-inner {
    display: flex; flex-direction: column; align-items: center;
    text-align: center; gap: 24px; padding: 48px var(--side-pad) 32px;
  }
  .footer-logo-col   { order: 1; display: flex; justify-content: center; width: 100%; }
  .footer-logo       { width: 100px; margin: 0 auto; }
  .footer-mid-col    { order: 2; width: 100%; justify-content: center; }
  .footer-mid-inner  { align-items: center; }
  .footer-nav        { justify-content: center; flex-wrap: wrap; }
  .footer-right-col  { order: 3; text-align: center; width: 100%; }
  .footer-phone      { font-size: 2.2rem; text-align: center; display: block; width: 100%; }
  .footer-social-col { order: 4; justify-content: center; }
  .footer-copy-col   { order: 5; text-align: center; }
  .footer-kvkk-col   { order: 6; justify-content: center; }

  .footer-nav a  { font-size: 0.9rem; }
  .footer-copy   { font-size: 0.9rem; }
  a.footer-kvkk  { font-size: 0.9rem; }

  /* DİĞER SAYFALAR */
  .hizmetler-grid { grid-template-columns: 1fr; }
  .iletisim-map-wrap { height: 220px; }
  .iform-row-two  { flex-direction: column; }
  .iform-send-btn { width: 100%; aspect-ratio: auto; padding: 16px; }
  .projeler-grid  { grid-template-columns: 1fr 1fr; }
  .pd-hero { height: 52vw; min-height: 240px; }
  .pd-gallery-grid { grid-template-columns: 1fr; }
  .pd-nav { flex-direction: column; }
  .pd-nav-prev { border-right: none; border-bottom: 1px solid #c8c8c8; }
}


/* KÜÇÜK MOBİL — 480px
================================================== */
@media (max-width: 480px) {
  :root { --side-pad: 16px; --section-v: 40px; }
  .projeler-grid  { grid-template-columns: 1fr; }
  .basin-grid     { grid-template-columns: 1fr; }
  .footer-phone   { font-size: 2.2rem; }
  .pd-meta-inner  { flex-direction: column; gap: 16px; }

  .whatsapp-float-btn { right:16px; bottom:16px; width:48px; height:48px; }
  .whatsapp-float-btn svg { width:24px; height:24px; }
  .scroll-top-btn      { right:16px; bottom:74px; width:42px; height:42px; }
}


/* KURUMSAL MOBİL
================================================== */
@media (max-width: 768px) {
  .kurumsal-text p { font-size: 1.1rem; }
}


/* PROJELER MOBİL
================================================== */
@media (max-width: 768px) {
  .filter-btn       { font-size: 1rem; }
  .proje-info h4    { font-size: 1.1rem; }
  .proje-info span  { font-size: 1.1rem; }
}


/* PROJE DETAY MOBİL
================================================== */
@media (max-width: 768px) {

  /* Meta bilgiler yan yana, label+value hizalı */
  .pd-meta-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px 8px;
    flex-wrap: unset;
  }
  .pd-meta-item   { display: flex; flex-direction: column; gap: 4px; }
  .pd-meta-label  { font-size: 0.75rem; font-weight: 600; color: var(--color-gray); }
  .pd-meta-value  { font-size: 0.9rem; font-weight: 400; color: var(--color-black); }

  /* Proje Rengi / Proje Vitrini başlık bandı kaldır */
  .pd-gallery-header { display: none; }

  /* Yükle butonu ve açıklama */
  .pd-load-btn    { font-size: 1.1rem; }
  .pd-description p { font-size: 1.1rem; }

  /* Önceki / Sonraki butonlar yan yana, eşit boyut */
  .pd-nav {
    flex-direction: row;
  }
  .pd-nav-prev,
  .pd-nav-next {
    flex: 1;
    padding: 20px 12px;
    font-size: 1rem;
    text-align: center;
    justify-content: center;
    border-right: none;
    border-bottom: none;
  }
  .pd-nav-prev { border-right: 1px solid #c8c8c8; }
}


/* İLETİŞİM MOBİL
================================================== */
@media (max-width: 768px) {
  .iletisim-adres-text  { font-size: 1.1rem; }
  .iletisim-contact-line { font-size: 1.1rem; }
}


/* İLETİŞİM — Mobilde kariyer başlığındaki br kaldır
================================================== */
@media (max-width: 768px) {
  .mob-br { display: none; }
}


/* PROJE DETAY — meta font boyutları
================================================== */
@media (max-width: 768px) {
  .pd-meta-label { font-size: 1rem; }
  .pd-meta-value { font-size: 1rem; }
}


/* HİZMETLER MOBİL
================================================== */
@media (max-width: 768px) {
  .hizmetler-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .hizmet-card {
    width: 100%;
    max-width: 420px;
    text-align: center;
    align-items: center;
  }
  .hizmet-num    { font-size: 1.1rem; justify-content: center; }
  .hizmet-num::after { display: none; }
  .hizmet-card h3 { font-size: 1.1rem; }
  .hizmet-card p  { font-size: 1.1rem; }

  /* Kentsel Dönüşüm banner */
  .kentsel-left  { font-size: 1rem; text-align: center; justify-content: center; }
  .kentsel-right { font-size: 1rem; text-align: center; justify-content: center; }
}


/* PROJE DETAY — mobilde siyah arka plan kaldır
================================================== */
@media (max-width: 768px) {
  .pd-gallery-grid::before { display: none; }
  .pd-gallery-item { background: transparent; }
}