/* ==========================================================================
   responsive.css — Doğutaş
   ÖNEMLİ: Masaüstü tasarımı (≥ 981px) hiçbir şekilde değiştirilmez.
   Tüm kurallar @media (max-width: 980px) içindedir. Tek istisna, masaüstünde
   GİZLİ olan yeni hamburger butonudur.
   Kırılımlar: 980 (tablet/altı), 768 (büyük telefon), 480 (telefon).
   ========================================================================== */

/* Hamburger butonu masaüstünde tamamen gizli (yeni öğe, tasarımı etkilemez) */
.mobil-menu-ac { display: none; }

/* ======================= TABLET ve ALTI (≤ 980px) ======================= */
@media (max-width: 980px) {

  /* --- Sabit 980px konteynerleri akışkan yap --- */
  .ust-menu-logo,
  .slider-alt,
  .orta-band,
  .sayfa-son,
  .icerik-ic-sayfa,
  .kurumsal-alan {
    width: auto !important;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
  }

  /* --- Header'ı akışa al (masaüstünde position:absolute) --- */
  .ust-menu-logo-alani {
    position: static;
    min-height: 0;
    background: #ac9f9f;
  }
  .ust-menu-logo {
    background: none;
    min-height: 0;
  }
  .ust-logo {
    float: none;
    width: auto;
    text-align: center;
    padding: 10px 0;
  }
  .ust-menu-alani,
  .ust-ana-menu,
  .ust-ana-menuu,
  .ust-hizli-menu {
    float: none;
    width: auto;
    height: auto;
  }
  .ust-hizli-menu-arayalim {
    float: none;
    text-align: center;
    padding: 8px 0;
  }
  .anamenu-anasayfa { display: none; }

  /* --- Hamburger görünür --- */
  .mobil-menu-ac {
    display: block;
    margin: 0 auto 8px;
    width: 46px;
    height: 40px;
    padding: 8px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 4px;
    cursor: pointer;
  }
  .mobil-menu-ac span {
    display: block;
    width: 100%;
    height: 3px;
    margin: 3px 0;
    background: #fff;
    border-radius: 2px;
  }

  /* --- Menüyü dikey, açılır-kapanır yap --- */
  #nav.dropdown {
    float: none;
    width: 100% !important;
    display: none;
    background: #5e4f4f;
    border-radius: 4px;
    overflow: hidden;
  }
  #nav.dropdown.acik { display: block; }

  #nav.dropdown li {
    float: none;
    line-height: normal;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  #nav.dropdown li a {
    padding: 12px 16px;
  }
  /* Alt menüler: tıklayınca aç (.alt-acik) — hover devre dışı */
  #nav.dropdown ul {
    position: static;
    visibility: visible;
    width: auto !important;
    display: none;
    background: rgba(0, 0, 0, 0.18);
  }
  #nav.dropdown li:hover > ul { visibility: visible; }
  #nav.dropdown li.alt-acik > ul { display: block; }
  #nav.dropdown ul li a { padding-left: 30px; }

  /* --- Slider --- */
  .sayfa-ust-slider { height: auto; }
  .sayfa-ust-alani { overflow: hidden; }

  /* --- İki banner alt alta --- */
  .insaat-proje,
  .bizden-haberler {
    float: none;
    width: 100%;
    max-width: 490px;
    height: auto;
    margin: 0 auto 12px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .insaat-proje img,
  .bizden-haberler img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* --- Orta band: butonlar sarsın --- */
  .sayfa-orta-band,
  .orta-band { height: auto; }
  .orta-band { text-align: center; padding: 10px 0; }
  .orta-band-baslik {
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 4px;
  }
  .orta-band-baslik img { max-width: 100%; height: auto; }

  /* --- İç sayfa: sol/sağ alt alta --- */
  .icerik-ic-sayfa {
    padding-top: 20px;
    min-height: 0;
  }
  .icsayfa-sol {
    float: none;
    width: auto;
    padding-top: 10px;
  }
  .icsayfa-sag {
    float: none;
    width: auto;
    padding-left: 0;
    background: none;
    min-height: 0;
  }
  .sag-ana-icerik-baslik { padding-top: 15px; }

  /* --- Ürün ızgarası ortalansın --- */
  .sag-ana-icerik-ic { text-align: center; }
  .urun1 { float: none; display: inline-block; text-align: center; }
  .urun1 .urun-adi, .urun1 .urun-adi a { text-align: center; }
  .thumbs { text-align: center; }
  .thumbs a { display: inline-block; }

  /* --- Ürün detay --- */
  .detay-resim, .detay-bilgi {
    float: none;
    width: auto;
    max-width: 100%;
    margin: 0 auto 10px;
  }
  .detay-resim img { max-width: 100%; height: auto; }

  /* --- Footer sütunları alt alta --- */
  .son-bilgi-linkler,
  .son-bilgi-adres,
  .son-bilgi-email,
  .son-bilgi-telefon,
  .imza-erzurum-avm,
  .serdizayn-erzurum {
    float: none;
    width: auto;
    margin: 8px 0;
  }
  .son-bilgi-linkler { text-align: center; }
  .son-bilgi-linkler .ust-hizli-menu-sec1 { display: inline-block; float: none; }

  /* --- İletişim formu --- */
  .contact-form { width: 100% !important; }
  .contact-form input[type="text"],
  .contact-form input[type="email"],
  .contact-form textarea { width: 100%; box-sizing: border-box; }
}

/* ======================= BÜYÜK TELEFON (≤ 768px) ======================= */
@media (max-width: 768px) {
  .sag-ana-icerik-baslik { font-size: 22px; }
  .orta-band-baslik { width: 45%; }
  .orta-band-baslik img { width: 100%; }
}

/* ======================= TELEFON (≤ 480px) ======================= */
@media (max-width: 480px) {
  .sag-ana-icerik-baslik { font-size: 20px; }
  .urun1 { width: 46%; height: auto; }
  .urun1 .resim { height: auto; }
  .urun1 .resim img { max-width: 100%; height: auto; }
  .thumbs a { width: 90px; height: 90px; }
  .imza-erzurum-avm { font-size: 12px; text-align: center; }
}