html, body { margin: 0; padding: 0 !important; }
/* WP Admin Bar offset fix */
:root { --adminbar-offset: 0px; }

/* <782px ≈ 46px, ≥783px ≈ 32px */
body.admin-bar { --adminbar-offset: 46px; }
@media (min-width: 783px) {
  body.admin-bar { --adminbar-offset: 32px; }
}

/* Header ve mobil panel için kesin override */
.dhelp-mlh .main-header { top: var(--adminbar-offset) !important; }
.dhelp-mlh .offcanvas { z-index: 10000; } /* menü içerikten üste, barın altına */

body {
    font-family: "HeadingsFontTR", "DefaultFontTR", sans-serif;
}

/* Genel */
.mk-variation-swatch-group{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:8px;
}

.mk-variation-swatch{
    border:1px solid #d4d4d4;
    background:#fff;
    padding:8px 14px;
    min-width:30px;
    min-height:30px;
    border-radius:999px;
    cursor:pointer;
    font-size:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:.18s ease all;
}

.mk-variation-swatch.is-selected{
    border-color:#111;
    box-shadow:0 0 0 2px #111;
}

/* ÖLÇÜ BUTONLARI (pill) */
.mk-variation-swatch--size{
    border-radius:999px;
}

/* RENK KARE KUTULAR */
.mk-variation-swatch--color{
    width:32px;
    height:32px;
    padding:0;
    border-radius:4px;
    position:relative;
    overflow:hidden;
}

/* İçinde text gizli (sr-only için) */
.mk-variation-swatch--color .mk-variation-label{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
}

/* Örnek renk eşleştirme (slug’a göre) */
.mk-variation-swatch--color[data-term_slug="tarcin"]{
    background:#b65a3a;
}
.mk-variation-swatch--color[data-term_slug="kiremit"]{
    background:#8c3a2d;
}
/* Diğer renkler için de aynı mantıkla devam edebilirsin */


.variations select.mk-size-select {
  display: block;
}
/* BOYUT SELECT'İNİ ZORLA GÖSTER */
.variations select.mk-size-select{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:static !important;
  width:100%;
  max-width:260px;
  height:auto !important;
  pointer-events:auto !important;
}

/* RENK İÇİN GİZLİ SELECT (swatch JS'ine lazim) */
.variations select.mk-attr-select.is-hidden{
  display:none !important;
}