/* Max Header – Styles */
:root{
  --maxh-bg:#ffffff;
  --maxh-text:#111827;
  --maxh-accent:#000000;
  --maxh-muted:#6b7280;
  --maxh-border:rgba(17,17,17,.08);
  --maxh-shadow:0 24px 60px rgba(0,0,0,.18);
  --maxh-radius:16px;
}

.maxh-header{
  position:fixed;
  top:12px;
  right:12px;
  z-index:1000;
}

.maxh-menu-trigger{
  display:flex;
  align-items:center;
  gap:10px;
  background:var(--maxh-bg);
  color:var(--maxh-text);
  border:1px solid var(--maxh-border);
  border-radius:10px;
  padding:10px 12px;
  
  cursor:pointer;
  transition:transform .15s ease, box-shadow .2s ease;
}


.maxh-menu-trigger:active{ transform:none; }







.maxh-label{ font-weight:600; font-size:14px; }

/* Overlay */
.maxh-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.35); z-index:100000; pointer-events:auto;
  opacity:0; transition:opacity .2s ease;
}
.maxh-overlay.is-open{ opacity:1; }

/* Panel */
.maxh-panel{ position:fixed; top:0; left:0; bottom:0; width:320px; max-width:90vw; z-index:100001; padding:0; transform:translateX(-105%); transition:transform .25s ease; }
.maxh-panel.is-open{ transform:translateX(0); }
.maxh-panel .maxh-panel-inner{
  background:var(--maxh-bg); color:var(--maxh-text); height:100%;
  border:1px solid var(--maxh-border); border-radius:0;
   display:flex; flex-direction:column;
}

.maxh-panel-top{
  display:flex; justify-content:flex-end; padding:8px;
}
.maxh-close{
  background:transparent; border:0; cursor:pointer; padding:8px 10px; border-radius:10px;
}
.maxh-close:hover{ background:rgba(0,0,0,.05); }
.maxh-close-icon{ font-size:24px; line-height:1; }

/* Menu */
.maxh-nav{ padding:0 12px 12px; overflow:auto; flex:1; }
.maxh-menu{ list-style:none; margin:0; padding:0; }
.maxh-menu > li{ border-bottom:1px dashed var(--maxh-border); }
.maxh-menu a{ display:flex; justify-content:space-between; padding:12px 10px; text-decoration:none; color:var(--maxh-text); font-weight:500; }
.maxh-menu .sub-menu{ padding-left:12px; border-left:2px solid var(--maxh-border); }
.maxh-menu .sub-menu a{ padding:10px 8px; font-weight:500; }

//* Bottom Area */
.maxh-bottom{ 
  padding:12px; 
  border-top:1px solid var(--maxh-border); 
}

.maxh-actions{ 
  display:grid; 
  grid-template-columns:1fr 1fr; 
  gap:10px; 
  margin-bottom:12px; 
}

/* Bottom Area */
.maxh-bottom{ 
  padding:12px; 
  border-top:1px solid var(--maxh-border); 
}

.maxh-actions{ 
  display:grid; 
  grid-template-columns:1fr 1fr; 
  gap:10px; 
  margin-bottom:12px; 
}

/* Butonlar */
.maxh-actions .maxh-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  font-weight:700 !important;
  padding:6px 10px !important;       /* Daha dar padding */
  border-radius:10px !important; 
  border:1px solid #000 !important;  /* Siyah kenar */
  color:#000 !important;             /* Siyah yazı */
  font-size:0.8em !important;
  line-height:1.2 !important;
  min-width:80px !important;         /* Çok küçük olmasın */
  max-width:140px !important;        /* Yazıya göre sınırlı genişlik */
}

.maxh-actions .maxh-btn:hover{
  background:#fff !important;
  color:#000 !important;
}

/* Outline Buton */
.maxh-actions .maxh-btn-outline{ 
  background:#fff !important; 
  color:#000 !important; 
  border:1px solid #000 !important; 
}

/* Sosyal ikonlar */
.maxh-social{ 
  display:flex; 
  gap:12px; 
  margin-left:4px;   /* Panelin solundan 4px boşluk */
}

.maxh-social a{
  width:40px !important; 
  height:40px !important; 
  display:inline-flex !important; 
  align-items:center !important; 
  justify-content:center !important;
  border:1px solid #000 !important; 
  border-radius:10px !important; 
  color:#000 !important;
}

.maxh-social a:hover{ 
  background:#fff !important; 
  color:#000 !important;
}


/* Inline mode: Elementor/Sayfa içi kullanım */
.maxh-header.maxh-inline{
  position:relative;
  top:auto; right:auto; left:auto; bottom:auto;
  z-index:auto;
  width:100%;
  display:flex;
  justify-content:flex-end;
}
.maxh-header.maxh-inline .maxh-menu-trigger{
  max-width:100%;
}
@media (max-width:520px){
  .maxh-header.maxh-inline .maxh-label{ display:none; }
}

/* Hide/disable trigger while panel open */
body.maxh-open .maxh-header{ visibility:hidden; }

.maxh-btn i{ margin-right:8px; }
.maxh-btn span{ display:inline-block; }

.maxh-icon{ font-size:18px; line-height:1; }


/* Drilldown navigation */
.maxh-nav{ padding:0 12px 12px; overflow:auto; flex:1; }
.maxh-menu, .maxh-menu .sub-menu{ list-style:none; margin:0; padding:0; }
.maxh-menu .sub-menu{ display:none; }
.maxh-menu.is-active{ display:block; }
.maxh-panel .maxh-menu:not(.is-active){ display:none; }

.maxh-panel-top{ display:flex; align-items:center; justify-content:space-between; }
.maxh-back{ display:inline-flex; align-items:center; gap:8px; background:transparent; border:1px solid var(--maxh-border); padding:8px 10px; border-radius:10px; cursor:pointer; }
.maxh-back:hover{ background:rgba(0,0,0,.05); }


.maxh-btn{ background:#000; border-color:#000; color:#fff; }
.maxh-btn:hover{ opacity:.9; }
.maxh-btn-outline{ background:transparent; border-color:#000; color:#000; }
.maxh-btn-outline:hover{ background:#000; color:#fff; }


/* Keep inside Elementor widget container by default */
.elementor-widget-container .maxh-header{ position:relative; top:auto; right:auto; left:auto; bottom:auto; }

.maxh-wrap{ position:relative; width:100%; }