/* ============================================================================
 * secim.css — [SEÇTİR] Tasarım Seçenekleri tabakası (açık tema).
 * Ece canlı dener/seçer; tercih localStorage'da kalır, site geneli uygulanır.
 * Panel YALNIZ önizleme modunda (EA_PREVIEW) görünür; canlı site etkilenmez.
 * ========================================================================== */

/* --- İmleç seçenekleri (açık zeminde görünür: ink/altın) ------------------- */
body.imlec-kedi,   body.imlec-kedi a,   body.imlec-kedi button,   body.imlec-kedi [role="button"],   body.imlec-kedi .ea-card,   body.imlec-kedi .q5c,   body.imlec-kedi summary,   body.imlec-kedi label   { cursor: url("/assets/cursors/kedi.svg") 7 5, auto; }
body.imlec-baykus, body.imlec-baykus a, body.imlec-baykus button, body.imlec-baykus [role="button"], body.imlec-baykus .ea-card, body.imlec-baykus .q5c, body.imlec-baykus summary, body.imlec-baykus label { cursor: url("/assets/cursors/baykus.svg") 16 5, auto; }
body.imlec-kus,    body.imlec-kus a,    body.imlec-kus button,    body.imlec-kus [role="button"],    body.imlec-kus .ea-card,    body.imlec-kus .q5c,    body.imlec-kus summary,    body.imlec-kus label    { cursor: url("/assets/cursors/kus.svg") 5 6, auto; }
body.imlec-yildiz, body.imlec-yildiz a, body.imlec-yildiz button, body.imlec-yildiz [role="button"], body.imlec-yildiz .ea-card, body.imlec-yildiz .q5c, body.imlec-yildiz summary, body.imlec-yildiz label { cursor: url("/assets/cursors/yildiz.svg") 16 16, auto; }
body.imlec-asa,    body.imlec-asa a,    body.imlec-asa button,    body.imlec-asa [role="button"],    body.imlec-asa .ea-card,    body.imlec-asa .q5c,    body.imlec-asa summary,    body.imlec-asa label    { cursor: url("/assets/cursors/asa.svg") 24 8, auto; }

/* --- Seçenek paneli (sol-alt; önizleme flag'i sağ-altta olduğu için) -------- */
.ea-secim { position: fixed; left: 16px; bottom: 16px; z-index: 4000; font-family: "IBM Plex Mono", ui-monospace, monospace; }
.ea-secim-toggle { background: #1b1b1b; color: #f8f7f7; border: 1px solid #1b1b1b; border-radius: 999px; padding: 10px 16px; font-size: 12px; letter-spacing: .05em; cursor: pointer; box-shadow: 0 10px 28px -10px rgba(0, 0, 0, .45); }
.ea-secim-body { position: absolute; left: 0; bottom: 50px; width: 244px; background: #fff; border: 1px solid #e4e2da; border-radius: 16px; padding: 16px; box-shadow: 0 24px 60px -22px rgba(0, 0, 0, .32); }
.ea-secim-body[hidden] { display: none; }
.ea-secim-grp { margin-bottom: 16px; }
.ea-secim-grp:last-of-type { margin-bottom: 6px; }
.ea-secim-grp h4 { margin: 0 0 9px; font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: #9a7a2e; }
.ea-secim-row { display: flex; flex-wrap: wrap; gap: 6px; }
.ea-secim-row button { flex: 1 1 auto; background: #f6f5f0; border: 1px solid transparent; border-radius: 9px; padding: 7px 10px; font-size: 11.5px; cursor: pointer; color: #2a2a2b; white-space: nowrap; transition: background .2s, border-color .2s; }
.ea-secim-row button:hover { background: #efeee7; }
.ea-secim-row button.is-on { border-color: #1b1b1b; background: #fff; font-weight: 700; }
.ea-secim-note { margin: 12px 0 0; font-size: 10px; color: #9a958a; line-height: 1.45; }