/* ============================================================
   Demo Customizer — yalnızca demo içindir (gerçek temaya dahil değil)
   ============================================================ */
.iw-cz{font-family:var(--font-sans)}

/* Açma butonu (sağ kenarda, dikey ortalı) */
.iw-cz__toggle{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:1000;
  width:44px;height:46px;border:none;border-radius:10px 0 0 10px;cursor:pointer;
  background:var(--c-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:-4px 4px 16px rgba(16,24,40,.18);transition:background .16s ease}
.iw-cz__toggle:hover{background:var(--c-primary-dark)}
.iw-cz__toggle i{font-size:22px;display:block;animation:iw-cz-spin 8s linear infinite}
@keyframes iw-cz-spin{to{transform:rotate(360deg)}}
/* mobilde dikey-ortalı düğme içerik kutularının üstüne biniyordu → alt köşeye al */
@media (max-width:768px){
  .iw-cz__toggle{top:auto;bottom:76px;transform:none;width:40px;height:42px}
}

/* Panel */
.iw-cz__panel{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:90vw;z-index:1001;
  background:var(--c-bg);color:var(--c-text);box-shadow:-12px 0 40px rgba(16,24,40,.18);
  border-left:1px solid var(--c-line);display:flex;flex-direction:column;
  transform:translateX(calc(100% + 24px));transition:transform .28s cubic-bezier(.4,0,.2,1)}
.iw-cz.is-open .iw-cz__panel{transform:translateX(0)}
.iw-cz.is-open .iw-cz__toggle{right:320px;border-radius:10px;transition:right .28s cubic-bezier(.4,0,.2,1),background .16s ease}

.iw-cz__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;
  border-bottom:1px solid var(--c-line);background:var(--c-bg-soft)}
.iw-cz__title{display:inline-flex;align-items:center;gap:9px;font-weight:var(--fw-semi);color:var(--c-ink);font-size:var(--fs-md)}
.iw-cz__title i{font-size:18px;color:var(--c-primary)}
.iw-cz__close{width:32px;height:32px;border:1px solid var(--c-line);border-radius:8px;background:var(--c-bg);
  cursor:pointer;color:var(--c-muted);display:inline-flex;align-items:center;justify-content:center}
.iw-cz__close:hover{color:var(--c-ink);border-color:var(--c-primary-light)}
.iw-cz__close i{font-size:18px}

.iw-cz__body{padding:20px;overflow-y:auto;flex:1}
.iw-cz__sec{margin-bottom:24px}
.iw-cz__label{font-size:11px;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;
  color:var(--c-muted);margin:0 0 12px}

/* Segmented buttons */
.iw-cz__seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.iw-cz__seg--wrap{grid-template-columns:1fr 1fr}
.iw-cz__seg button{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:10px 8px;border:1px solid var(--c-line);border-radius:10px;background:var(--c-bg);
  color:var(--c-text);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:.14s}
.iw-cz__seg button i{font-size:16px}
.iw-cz__seg button:hover{border-color:var(--c-primary-light)}
.iw-cz__seg button.is-active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}

/* Swatches */
.iw-cz__swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.iw-cz__swatches button{aspect-ratio:1;border-radius:50%;border:2px solid transparent;background:var(--sw);
  cursor:pointer;padding:0;position:relative;transition:transform .12s ease,box-shadow .12s ease}
.iw-cz__swatches button:hover{transform:scale(1.12)}
.iw-cz__swatches button.is-active{box-shadow:0 0 0 2px var(--c-bg),0 0 0 4px var(--sw)}
.iw-cz__swatches button.is-active::after{content:"";position:absolute;inset:0;margin:auto;width:8px;height:8px;
  border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15)}

.iw-cz__custom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;
  font-size:var(--fs-sm);color:var(--c-text)}
.iw-cz__custom input[type=color]{width:46px;height:30px;border:1px solid var(--c-line);border-radius:8px;
  background:var(--c-bg);cursor:pointer;padding:2px}

.iw-cz__reset{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px;border:1px solid var(--c-line);border-radius:10px;background:var(--c-bg-soft);
  color:var(--c-text);font-weight:var(--fw-semi);font-size:var(--fs-sm);cursor:pointer;transition:.14s}
.iw-cz__reset:hover{border-color:var(--c-red);color:var(--c-red)}
.iw-cz__reset i{font-size:16px}
.iw-cz__note{font-size:var(--fs-xs);color:var(--c-muted);margin-top:14px;line-height:1.5;text-align:center}

/* Mobilde toggle biraz küçülsün */
@media (max-width:560px){
  .iw-cz__toggle{width:40px;height:42px}
  .iw-cz.is-open .iw-cz__toggle{right:calc(min(320px,90vw))}
}