/* =========================================================
   RUPSIKOLOJI HEADER
   ========================================================= */

/* =========================================================
   SEKTÖR 0 — Reset & Yardımcılar
   ========================================================= */
*,*::before,*::after{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
:focus-visible{ outline:2px solid transparent; box-shadow:0 0 0 3px var(--ring, rgba(217,119,6,.35)); border-radius:6px; }

/* JS kapalı fallback: duyuru varken üstte boşluk */
body.has-announce{ --announce-height: 42px; padding-top: var(--announce-height); }

/* =========================================================
   SEKTÖR 1 — Token’lar & Header Temeli
   ========================================================= */
.ps-header{
  --header-bg: rgba(255,255,255,.96);
  --text:#111827; --muted:#6b7280;
  --accent:#d97706; --accent-700:#c46a05;
  --hair:rgba(0,0,0,.06); --border:rgba(0,0,0,.12);
  --ring:0 0 0 3px rgba(217,119,6,.18);
  --shadow:0 6px 24px rgba(0,0,0,.06);
  --radius:20px; --container:1500px;
  --btn-w:132px; --btn-h:42px;

  position:sticky; top:0; z-index:999;
  background:var(--header-bg);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border:1px solid var(--hair);
  border-radius:var(--radius);
  margin:14px auto; padding:20px 40px;
  max-width:var(--container);
  box-shadow:var(--shadow);
  color:var(--text);
  transition:padding .25s ease, border-radius .25s ease;
}
.ps-header.ps-visible{}
.ps-header.ps-shrink{ padding:12px 30px; border-radius:0 0 var(--radius) var(--radius); }

.ps-container{ max-width:calc(var(--container) - 100px); margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:nowrap; }
.ps-left{ flex-shrink:0; display:flex; align-items:center; gap:20px; }
.ps-desktop-only{ display:contents; }
.ps-mobile-only{ display:none; }

/* =========================================================
   SEKTÖR 2 — Logo
   ========================================================= */
.ps-logo{ text-decoration:none; display:inline-block; }
.ps-logo-img{ max-width:240px; height:auto; object-fit:contain; display:block; transition:transform .25s ease; }
.ps-header.ps-shrink .ps-logo-img{ transform:scale(.86); }

/* =========================================================
   SEKTÖR 3 — Menü (Desktop) & Dropdown
   ========================================================= */
.ps-menu-wrap{ position:relative; flex:1; display:flex; flex-direction:column; align-items:center; padding-bottom:38px; }
.ps-menu-wrap::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:var(--hair); }

.ps-menu-list{ display:flex; justify-content:center; align-items:center; gap:38px; list-style:none; margin:0; padding:0; }
.ps-menu-list>li>a{ color:var(--accent); text-decoration:none; font-weight:700; font-size:16px; letter-spacing:.2px; padding:6px 8px; position:relative; transition:color .2s ease; }
.ps-menu-list>li>a::after{ content:""; position:absolute; left:0; bottom:-4px; height:2px; width:0; background:linear-gradient(90deg,var(--accent),var(--accent-700)); transition:width .22s ease; }
.ps-menu-list>li>a:hover{ color:var(--accent-700); }
.ps-menu-list>li>a:hover::after{ width:100%; }
.ps-menu-list a:focus-visible{ outline:2px solid transparent; box-shadow:var(--ring); border-radius:8px; }

/* Dropdown */
.ps-menu-list li.menu-item-has-children{ position:relative; }
.ps-menu-list li .sub-menu{
  position:absolute; top:calc(100% + 12px); left:50%; transform:translateX(-50%) translateY(8px);
  min-width:220px; background:#fff; border:1px solid var(--hair); border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  padding:10px; list-style:none; margin:0;
  opacity:0; pointer-events:none; transition:opacity .2s ease, transform .2s ease;
}
.ps-menu-list li .sub-menu a{ display:block; padding:10px; color:#333; font-weight:600; font-size:14px; border-radius:8px; text-decoration:none; }
.ps-menu-list li .sub-menu a:hover{ background:rgba(0,0,0,.035); color:var(--accent-700); }
.ps-menu-list li:hover>.sub-menu,
.ps-menu-list li:focus-within>.sub-menu{ opacity:1; pointer-events:auto; transform:translateX(-50%) translateY(0); }

/* =========================================================
   SEKTÖR 4 — Sosyal
   ========================================================= */
.ps-social{ position:absolute; bottom:-34px; left:0; display:flex; gap:10px; font-size:16px; }
.ps-social a{ color:#888; display:inline-grid; place-items:center; width:32px; height:32px; border:1px solid var(--hair); border-radius:8px; transition:transform .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease; }
.ps-social a:hover{ color:var(--accent); border-color:var(--border); transform:translateY(-1px); }
.ps-social a:focus-visible{ outline:2px solid transparent; box-shadow:var(--ring); }

/* =========================================================
   SEKTÖR 5 — Butonlar (Eşit Ölçü / Pill)
   ========================================================= */
.ps-right{ display:flex; gap:12px; align-items:center; justify-content:flex-end; }
.ps-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:var(--btn-w); height:var(--btn-h);
  background:linear-gradient(90deg,var(--accent),#f59e0b);
  color:#fff; border:0; border-radius:999px; font-weight:700; font-size:14px;
  white-space:nowrap; text-decoration:none; line-height:1; cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.ps-btn i{ margin-right:6px; }
.ps-btn:hover{ transform:translateY(-1px); filter:brightness(1.02); box-shadow:0 8px 20px rgba(0,0,0,.10); }
.ps-btn:focus-visible{ outline:2px solid transparent; box-shadow:var(--ring); }

/* =========================================================
   SEKTÖR 6 — Mobil Hamburger
   ========================================================= */
.ps-mobile-toggle{ display:none; flex-direction:column; gap:4px; background:none; border:0; padding:8px; color:var(--accent); cursor:pointer; }
.ps-mobile-toggle .ps-hamburger-line{ width:26px; height:3px; background:var(--accent); border-radius:2px; transition:transform .25s ease, opacity .2s ease; }
.ps-mobile-toggle.active .line-1{ transform:rotate(45deg) translate(5px,6px); }
.ps-mobile-toggle.active .line-2{ opacity:0; }
.ps-mobile-toggle.active .line-3{ transform:rotate(-45deg) translate(5px,-6px); }
.ps-mobile-toggle:focus-visible{ outline:2px solid transparent; box-shadow:var(--ring); border-radius:8px; }

/* =========================================================
   SEKTÖR 7 — Mobil Menü & Butonlar
   ========================================================= */
.ps-mobile-menu{
  display:none; width:100%; background:#fff; padding:20px;
  border-top:1px solid var(--hair);
  box-shadow:0 8px 20px rgba(0,0,0,.04);
  opacity:0; transform:translateY(-10px);
  transition:opacity .25s ease, transform .25s ease;
}
.ps-mobile-menu.active{ display:block; opacity:1; transform:translateY(0); }

.ps-mobile-menu-list{ list-style:none; margin:0; padding:0; }
.ps-mobile-menu-list li{ margin-bottom:6px; }
.ps-mobile-menu-list a{
  display:block; padding:12px 0; color:#333; font-weight:700; font-size:17px; text-decoration:none;
  transition:color .2s ease, padding-left .2s ease;
}
.ps-mobile-menu-list a:hover{ color:var(--accent); padding-left:6px; }

/* Mobil butonlar eşit ölçü / sola hizalı */
.ps-mobile-buttons{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-top:16px; }
.ps-mobile-buttons .ps-btn{ width:var(--btn-w); height:var(--btn-h); }

/* =========================================================
   SEKTÖR 8 — Duyuru Barı (Hizalamayı Koru)
   ========================================================= */
#ps-announcement-bar,
.ps-announce{
  position:fixed; inset:0 0 auto 0; z-index:1000;
  background:var(--announce-bg, #d97706); color:#fff;
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  font-weight:700; letter-spacing:.2px;
}
#ps-announcement-bar .ps-announce-inner,
.ps-announce .ps-announce-inner{
  max-width:var(--container); margin:0 auto; padding:8px 16px;
  display:flex; align-items:center; justify-content:center; gap:12px;
}

/* Kritik: mesaj alanı esnesin; hizalama editörden gelsin */
.ps-announce .ps-announce-message{ flex:1; text-align:inherit; }

/* Editörün hizalama sınıfları */
.ps-announce .ps-announce-message .has-text-align-center,
.ps-announce .ps-announce-message .aligncenter { text-align:center !important; }
.ps-announce .ps-announce-message .has-text-align-left,
.ps-announce .ps-announce-message .alignleft   { text-align:left !important; }
.ps-announce .ps-announce-message .has-text-align-right,
.ps-announce .ps-announce-message .alignright  { text-align:right !important; }

/* Mesaj link ile sarılıysa hizalama tam satırda uygulansın */
.ps-announce .ps-announce-message a{ display:block; }

#ps-announcement-bar a, .ps-announce a{ color:#fff; text-decoration:underline; text-underline-offset:2px; }
.ps-announce-close{ margin-left:auto; background:transparent; border:0; color:#fff; font-size:20px; cursor:pointer; }
.ps-announce-close:focus-visible{ outline:2px solid transparent; box-shadow:0 0 0 3px rgba(255,255,255,.45); border-radius:6px; }

/* =========================================================
   SEKTÖR 9 — Responsive
   ========================================================= */
@media (max-width:992px){
  .ps-desktop-only{ display:none !important; }
  .ps-mobile-only{ display:flex !important; margin-left:auto; }

  .ps-menu-wrap{ display:none !important; }
  .ps-right, .ps-social{ display:none !important; }

  .ps-header{ margin:8px auto; padding:14px 20px; }
  .ps-container{ max-width:calc(var(--container) - 80px); }
}
@media (min-width:993px){
  .ps-mobile-toggle, .ps-mobile-menu, .ps-mobile-buttons{
    display:none !important; visibility:hidden !important; opacity:0 !important;
    height:0 !important; overflow:hidden !important; pointer-events:none !important;
  }
}

/* =========================================================
   SEKTÖR 10 — Az Hareket Tercihleri
   ========================================================= */
@media (prefers-reduced-motion:reduce){
  .ps-header *{ transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}