/* PATCH v9: Menü accordion + iletişim tasarım */

.menu-section-title{margin-top:16px;padding:10px 6px 6px;font-size:12px;letter-spacing:.6px;text-transform:uppercase;opacity:.65;}
.menu-accordion{width:100%;border:0;background:transparent;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.menu-accordion .menu-section-title.inline{margin-top:16px;padding:10px 6px 6px;}
.menu-accordion .chev{width:10px;height:10px;border-right:2px solid rgba(0,0,0,.35);border-bottom:2px solid rgba(0,0,0,.35);transform:rotate(45deg);margin-right:10px;transition:transform .2s ease;}
.menu-accordion[aria-expanded="true"] .chev{transform:rotate(-135deg);}
.menu-link{display:block;padding:12px 10px;text-decoration:none;color:#111;border-radius:14px;background:#fafafa;border:1px solid #f0f0f0;margin:8px 0;}
.menu-contact{padding:12px 10px;border:1px solid #eee;border-radius:14px;margin-top:10px;background:#fff;}
.menu-contact .mc-row{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #f1f1f1;font-size:13px;}
.menu-contact .mc-row:last-child{border-bottom:0;}
.menu-contact .mc-row span{opacity:.65;}
.menu-btn{width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:0;cursor:pointer;padding:0;}
.menu-btn span{display:block;width:22px;height:2px;background:#000;border-radius:2px;}

/* Contact page */
.contact-page{padding:26px 18px 40px;max-width:980px;margin:0 auto;}
.contact-hero{padding:18px 0 22px;}
.contact-hero h1{font-size:34px;letter-spacing:.5px;margin:0 0 6px;}
.contact-hero p{margin:0;opacity:.7;}
.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;}
.card{border:1px solid #eee;border-radius:18px;padding:16px;background:#fff;}
.card h2{margin:0 0 12px;font-size:16px;letter-spacing:.3px;}
.kv{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #f2f2f2;font-size:14px;}
.kv:last-of-type{border-bottom:0;}
.kv .k{opacity:.65;}
.note{margin-top:12px;font-size:13px;opacity:.7;}
.form label{display:block;margin:10px 0;}
.form label span{display:block;font-size:13px;opacity:.7;margin-bottom:6px;}
.form input,.form textarea{width:100%;border:1px solid #e8e8e8;border-radius:14px;padding:12px 12px;outline:none;font-size:14px;background:#fafafa;}
.form input:focus,.form textarea:focus{background:#fff;border-color:#d7d7d7;}
.btn-primary{width:100%;border:0;border-radius:999px;padding:12px 14px;background:#111;color:#fff;cursor:pointer;margin-top:6px;}
.hint{margin:10px 0 0;font-size:12px;opacity:.65;}
.footer-mini{border-top:1px solid #eee;padding:18px;}
.footer-mini .inner{max-width:980px;margin:0 auto;display:flex;justify-content:space-between;gap:12px;font-size:13px;opacity:.8;}
.footer-mini .mini-links a{margin-left:12px;text-decoration:none;color:#111;opacity:.8;}
.footer-mini .mini-links a:hover{opacity:1;}
@media (max-width:820px){.contact-grid{grid-template-columns:1fr;}.contact-hero h1{font-size:28px;}}

/* --- Menu polish (v10) --- */
body.no-scroll{overflow:hidden;}
.menu-drawer{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);}
.menu-overlay{backdrop-filter:blur(2px);}
.menu-link{background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 26px rgba(0,0,0,.04);border-radius:14px;margin:8px 0;}
.menu-link:hover{transform:translateY(-1px);}
.menu-acc{border-top:1px solid rgba(0,0,0,.06);padding-top:8px;margin-top:10px;}
.menu-acc-body{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.menu-accordion{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 10px;background:transparent;border:0;cursor:pointer;}
.menu-section-title.inline{margin:0;}


/* =============================
   Minimal footer (global)
   ============================= */
.site-footer{border-top:1px solid #eee;background:#fff;margin-top:42px}
.site-footer .inner{max-width:1200px;margin:0 auto;padding:18px 16px}
.site-footer .copy{text-align:center;font-weight:600;opacity:.9}
/* ================================
   ACCOUNT RESPONSIVE LAYOUT PATCH
   ================================ */

/* Account sayfalarını yakalamak için (body class yoksa da çalışsın) */
body .account-wrap,
body .account-card {
  box-sizing: border-box;
}

main.account-wrap{
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 32px 16px !important;
}

/* Bootstrap yoksa bile row/col düzenini biz veriyoruz */
.account-wrap .row.g-3{
  display: grid !important;
  grid-template-columns: 320px 1fr !important;
  gap: 18px !important;
  align-items: start !important;
}

/* col genişliklerini garantiye al */
.account-wrap .col-md-4{ width: 100% !important; }
.account-wrap .col-md-8{ width: 100% !important; }

/* Sidebar (panel) kartı mobilde daha iyi dursun */
.account-wrap .col-md-4 .card{
  position: sticky;
  top: 86px; /* topbar yüksekliğine göre */
}

/* İçerik kartları boşluk */
.account-wrap .col-md-8 .card{
  border-radius: 16px;
}

/* -------- Tablet ve altı: tek kolon -------- */
@media (max-width: 992px){
  .account-wrap .row.g-3{
    grid-template-columns: 1fr !important;
  }

  /* Sticky olmasın, üstte normal aksın */
  .account-wrap .col-md-4 .card{
    position: relative !important;
    top: auto !important;
  }
}

/* -------- Mobil: sidebar’ı yatay menü gibi yap -------- */
@media (max-width: 600px){
  main.account-wrap{
    padding: 20px 12px !important;
  }

  /* Sidebar kartı: yatay scroll menü görünümü */
  .account-wrap .col-md-4 .card{
    padding: 10px 10px !important;
  }

  /* Sidebar içindeki linkleri yakalayıp “chip/tab” yapıyoruz */
  .account-wrap .col-md-4 .card a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    padding: 10px 12px !important;
    margin: 6px 6px 0 0 !important;
    border-radius: 999px !important;
    border: 1px solid #e9e9e9 !important;
    background: #fff !important;
    text-decoration: none !important;
    font-weight: 700 !important;
  }

  /* Sidebar linkleri tek satırda kalsın ve yatay kayabilsin */
  .account-wrap .col-md-4 .card{
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Panel başlığı çok yer kaplamasın */
  .account-wrap .col-md-4 .card .card-title,
  .account-wrap .col-md-4 .card h5,
  .account-wrap .col-md-4 .card h4{
    margin-bottom: 8px !important;
  }

  /* Dashboard içindeki sayı kartları tam genişlik */
  .account-wrap .col-md-8 .row.g-3{
    grid-template-columns: 1fr !important;
  }
}
/* =========================
   ACCOUNT GLOBAL WRAPPER
========================= */

.account-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 32px 16px 64px;
}

.account-container {
  background: #fff;
  border-radius: 22px;
  padding: 28px;
  box-shadow: 0 20px 60px rgba(0,0,0,.08);
}

/* Sidebar + içerik hizası */
.account-container .row {
  margin: 0;
}

/*
  Account sayfalarında Bootstrap sınıfları (row/col-*) kullanıldığı için,
  Bootstrap yüklenmediğinde kolonlar alt alta düşüyordu.
  Bu minimal grid SADECE .account-page içinde çalışır.
*/
.account-page .row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;margin:0}
.account-page .col-12{flex:0 0 100%;max-width:100%}
.account-page .col-sm-6{flex:0 0 100%;max-width:100%}
.account-page .col-md-4{flex:0 0 320px;max-width:320px}
.account-page .col-md-8{flex:1 1 0;min-width:0}
.account-page .g-3{gap:16px}
@media (max-width: 900px){
  .account-page .col-md-4{flex:0 0 100%;max-width:100%}
  .account-page .col-md-8{flex:0 0 100%;max-width:100%}
}
@media (min-width: 640px){
  .account-page .col-sm-6{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px)}
}

/* form elemanları (account içinde) */
.account-page .form-control, .account-page input[type="text"], .account-page input[type="email"], .account-page input[type="password"], .account-page select, .account-page textarea{
  width:100%;
  border:1px solid #e5e5e5;
  border-radius:12px;
  padding:10px 12px;
  font:inherit;
  outline:none;
}
.account-page .form-control:focus, .account-page input:focus, .account-page select:focus, .account-page textarea:focus{
  border-color:#111;
  box-shadow:0 0 0 3px rgba(0,0,0,.08);
}

/* Buttons */
.account-page .btn{border-radius:12px}

/* Topbar - Hesabım dropdown */
.account-dd{position:relative;display:inline-flex;align-items:center}
.account-dd-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.account-dd-toggle::after{content:"▾";font-size:12px;opacity:.7}
.account-dd-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.12);padding:8px;display:none;z-index:80}
.account-dd-menu a{display:block;padding:10px 10px;border-radius:10px;color:#111;text-decoration:none;font-weight:700;white-space:nowrap}
.account-dd-menu a:hover{background:#f5f5f5}
.account-dd.open .account-dd-menu{display:block}
@media (hover:hover){
  .account-dd:hover .account-dd-menu{display:block}
}

/* Mobile responsive */
@media (max-width: 992px) {
  .account-page {
    padding: 20px 12px 48px;
  }

  .account-container {
    padding: 18px;
  }
}
/* ACCOUNT SIDEBAR - stable active styling */
.acc-side { width: 100%; }
.acc-side-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:18px;
  padding:18px;
  box-shadow:0 10px 35px rgba(0,0,0,.06);
}

.acc-side-title{
  font-weight:900;
  margin-bottom:12px;
}

.acc-nav{ display:flex; flex-direction:column; gap:8px; }

.acc-link{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  text-decoration:none !important;
  color:#111;
  font-weight:700;
  border:1px solid transparent;
}

.acc-link:hover{
  background:#f6f6f6;
}

.acc-link.is-active{
  background:#111;
  color:#fff !important;
}

.acc-link.is-active:hover{
  background:#111;
}

.acc-logout{
  margin-top:6px;
  border-top:1px solid #eee;
  padding-top:14px;
}
/* ACCOUNT SIDEBAR - SABİT VE BOZULMAZ */
.account-sidebox{
  background:#fff;
  border:1px solid #eee;
  border-radius:18px;
  padding:14px;
  box-shadow:0 10px 35px rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

.account-side-title{
  font-weight:900;
  margin:0 6px 0 4px;
}

/* Account menu should be on TOP (horizontal) */
.account-nav{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  gap:8px;
}

.account-nav-link{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none !important;
  color:#111;
  font-weight:700;
  background:#f5f5f5;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}

.account-nav-link:hover{
  background:#e9e9e9;
}

.account-nav-link.is-active{
  background:#111;
  color:#fff;
}

/* Force account layout to stack: menu on top, content under */
body.account-page .row.g-3{display:block;}
body.account-page .row.g-3 > [class*="col-"]{max-width:100%;width:100%;}
body.account-page .row.g-3 > [class*="col-"] + [class*="col-"]{margin-top:16px;}


/* =============================
   Minimal footer (no address / social / links)
   Site-wide: footer shows only copyright.
   ============================= */
.site-footer.site-footer--minimal{border-top:1px solid #eee;background:#fff;margin-top:42px;}
.site-footer.site-footer--minimal .inner{max-width:1200px;margin:0 auto;padding:22px 16px;}
.site-footer.site-footer--minimal .copy{display:flex;justify-content:center;text-align:center;font-weight:600;}

.wa-float{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: #25D366;
  box-shadow: 0 10px 25px rgba(0,0,0,.2);
  text-decoration: none;
}

.wa-float::after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M19.11 17.27c-.29-.14-1.72-.85-1.99-.95-.27-.1-.47-.14-.66.14-.2.29-.76.95-.93 1.14-.17.2-.34.22-.63.07-.29-.14-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.34.43-.51.14-.17.2-.29.29-.49.1-.2.05-.37-.02-.51-.07-.14-.66-1.6-.9-2.19-.24-.58-.48-.5-.66-.51h-.56c-.2 0-.51.07-.78.37-.27.29-1.02 1-1.02 2.44 0 1.44 1.05 2.83 1.2 3.03.14.2 2.07 3.16 5.02 4.43.7.3 1.25.48 1.68.61.71.23 1.36.2 1.87.12.57-.09 1.72-.7 1.97-1.38.24-.68.24-1.26.17-1.38-.07-.12-.27-.2-.56-.34M16.04 2.01c-7.73 0-14 6.27-14 14 0 2.47.65 4.79 1.78 6.8L2 30l7.39-1.94c1.96 1.07 4.2 1.68 6.65 1.68 7.73 0 14-6.27 14-14s-6.27-13.99-14-13.99z'/%3E%3C/svg%3E") center/28px no-repeat;
}