/* PATCH 007 - %100 Mobil uyum + Hemen Ara + WhatsApp */

/* Mobil overflow engelle */
html, body{
  max-width:100%;
  overflow-x:hidden !important;
}

img{
  max-width:100%;
}

/* Header mobil */
@media(max-width:980px){
  .site-header{
    padding:8px 0 !important;
  }

  .header-inner{
    width:100% !important;
    height:64px !important;
    border-radius:16px !important;
    padding:0 10px 0 12px !important;
  }

  .brand img{
    height:42px !important;
    max-width:175px !important;
  }

  .mobile-btn{
    display:block !important;
    min-width:44px !important;
  }

  .site-nav{
    position:fixed !important;
    left:14px !important;
    right:14px !important;
    top:82px !important;
    max-height:calc(100vh - 110px) !important;
    overflow:auto !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    background:#ffffff !important;
    border-radius:18px !important;
    padding:14px !important;
    box-shadow:0 24px 70px rgba(7,21,27,.22) !important;
    z-index:9999 !important;
  }

  body.menu-open .site-nav{
    display:flex !important;
  }

  .site-nav > a,
  .nav-dropdown > a{
    width:100% !important;
    color:#14252b !important;
    padding:13px 12px !important;
  }

  .quote-btn{
    text-align:center !important;
    justify-content:center !important;
    margin-left:0 !important;
  }

  .dropdown-menu{
    position:static !important;
    min-width:100% !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    box-shadow:none !important;
    margin:6px 0 8px !important;
  }
}

/* Hero mobil */
@media(max-width:768px){
  .hero-slider,
  .hero-content{
    min-height:620px !important;
  }

  .hero-content{
    padding-top:105px !important;
    align-items:center !important;
  }

  .hero-copy{
    max-width:100% !important;
  }

  .hero-copy h1{
    font-size:34px !important;
    line-height:1.12 !important;
    letter-spacing:-.03em !important;
  }

  .hero-copy p{
    font-size:15px !important;
    line-height:1.65 !important;
  }

  .hero-actions{
    gap:10px !important;
  }

  .hero-actions .btn{
    width:100% !important;
  }

  .section{
    padding:56px 0 !important;
  }

  .section-head{
    display:block !important;
    margin-bottom:24px !important;
  }

  .section-title{
    font-size:31px !important;
  }

  .service-grid,
  .card-grid,
  .project-grid,
  .gallery-grid,
  .ref-grid{
    grid-template-columns:1fr !important;
  }

  .project-card,
  .project-card.featured{
    grid-column:span 1 !important;
  }

  .project-card img,
  .service-card img,
  .blog-card img{
    height:235px !important;
  }

  .gallery-grid a{
    height:220px !important;
  }

  .about-band,
  .split{
    grid-template-columns:1fr !important;
  }

  .page-hero{
    min-height:230px !important;
    padding:105px 0 34px !important;
  }

  .page-hero h1{
    font-size:32px !important;
  }

  .footer-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .footer{
    padding-bottom:82px !important;
  }
}

/* Çok küçük ekran */
@media(max-width:420px){
  .container{
    width:calc(100% - 24px) !important;
  }

  .brand img{
    height:38px !important;
    max-width:158px !important;
  }

  .hero-copy h1{
    font-size:30px !important;
  }

  .btn{
    padding:13px 16px !important;
  }
}

/* Mobil alt sabit aksiyonlar */
.mobile-fixed-actions{
  display:none;
}

.floating-whatsapp{
  position:fixed;
  right:22px;
  bottom:24px;
  width:58px;
  height:58px;
  border-radius:50%;
  background:#25D366;
  color:#fff !important;
  display:grid;
  place-items:center;
  font-size:27px;
  font-weight:900;
  text-decoration:none;
  z-index:9998;
  box-shadow:0 18px 42px rgba(37,211,102,.35);
}

@media(max-width:768px){
  .floating-whatsapp{
    display:none;
  }

  .mobile-fixed-actions{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    z-index:9999;
    box-shadow:0 -12px 35px rgba(7,21,27,.18);
  }

  .mobile-fixed-actions a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:60px;
    color:#fff !important;
    text-decoration:none;
    font-size:15px;
    font-weight:900;
  }

  .mobile-fixed-actions span{
    font-size:20px;
    line-height:1;
  }

  .call-now{
    background:#07151b;
  }

  .whatsapp-now{
    background:#25D366;
  }
}

/* Admin mobil iyileştirme */
@media(max-width:980px){
  .admin-shell{
    display:block !important;
  }

  .admin-side{
    position:relative !important;
    width:100% !important;
    bottom:auto !important;
  }

  .admin-main{
    margin-left:0 !important;
    width:100% !important;
    padding:16px !important;
  }

  .admin-grid,
  .form-grid{
    grid-template-columns:1fr !important;
  }

  .admin-table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
}
