/* Tailwind'e ek küçük özel stiller (vitrin ve yönetim paneli ortak) */
body { font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; }

.no-scrollbar { scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

.marquee { width: max-content; animation: marquee 35s linear infinite; }
.marquee:hover { animation-play-state: paused; }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .marquee { animation: none; } }

/* Tema renkleri (Yönetim > Tema & Renkler; değişkenler tailwind_head() içinde tanımlanır) */
.t-page { background-color: var(--page-bg); color: var(--text); }
.t-heading { color: var(--heading); }
.t-header { background-color: var(--header-bg); }
.t-announce { background-color: var(--announce-bg); color: var(--announce-text); }
.t-newsletter { background-color: var(--newsletter-bg); color: var(--newsletter-text); }
.t-footer { background-color: var(--footer-bg); color: var(--footer-text); }
.t-footer-h { color: var(--footer-heading); }
.t-footer a:hover { color: var(--footer-heading); }
.t-footer-line { border-color: color-mix(in srgb, currentColor 18%, transparent); }
.t-footer-chip { background-color: color-mix(in srgb, currentColor 14%, transparent); }
.t-btn { background-color: var(--btn-bg); color: var(--btn-text); }
.t-btn:hover { filter: brightness(.9); }

/* Anasayfa bölüm renkleri (bölüm ayarları > Renkler) */
.sec-bg { display: flow-root; padding-top: 2.5rem; padding-bottom: 2.5rem; }
.has-sec-heading .sec-h { color: var(--sec-heading) !important; }
.has-sec-text { color: var(--sec-text); }
.has-sec-text :is(p, li, blockquote, h3, h4, .prose-content):not(.product-card *):not(.sec-h) { color: var(--sec-text) !important; }

/* Yönetici panelinden girilen HTML içerik için tipografi */
.prose-content h2 { font-size: 1.35rem; font-weight: 700; margin: 1.4em 0 .6em; color: var(--heading, #111827); }
.prose-content h3 { font-size: 1.15rem; font-weight: 700; margin: 1.2em 0 .5em; color: var(--heading, #111827); }
.prose-content h4 { font-weight: 700; margin: 1em 0 .4em; }
.prose-content p { margin: 0 0 1em; }
.prose-content ul { list-style: disc; padding-left: 1.4em; margin: 0 0 1em; }
.prose-content ol { list-style: decimal; padding-left: 1.4em; margin: 0 0 1em; }
.prose-content a { color: rgb(var(--brand)); text-decoration: underline; }
.prose-content img { max-width: 100%; height: auto; border-radius: .5rem; margin: 1em 0; }
.prose-content table { width: 100%; border-collapse: collapse; margin: 1em 0; }
.prose-content th, .prose-content td { border: 1px solid #e5e7eb; padding: .5em .75em; text-align: left; }
.prose-content blockquote { border-left: 4px solid rgb(var(--brand)); padding-left: 1em; color: #4b5563; margin: 1em 0; }
.prose-content > :first-child { margin-top: 0; }

/* Canlı düzenleme (yalnızca yönetici görür) */
.inline-edit-hover { outline: 2px dashed rgb(var(--brand)); outline-offset: 3px; border-radius: 4px; cursor: text; }
.inline-edit-pencil {
    position: fixed; z-index: 85; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;
    border-radius: 9999px; background: rgb(var(--brand)); color: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.25);
    border: 2px solid #fff; cursor: pointer; transition: transform .1s;
}
.inline-edit-pencil:hover { transform: scale(1.12); }
.inline-edit-pencil[hidden] { display: none; }
.inline-edit-tools { position: fixed; z-index: 85; display: flex; gap: 4px; }
.inline-edit-tools[hidden] { display: none; }
.inline-edit-tools .inline-edit-pencil { position: static; }
.inline-edit-btn-style { background: #db2777; }
.inline-edit-btn-link { background: #2563eb; }
.inline-edit-btn-size { background: #111827; }
.inline-area-chip {
    position: fixed; z-index: 84; padding: 3px 9px; border-radius: 9999px; border: 1px solid rgba(255,255,255,.6);
    background: rgba(17,24,39,.88); color: #fff; font: 600 11px/1.5 'Inter', ui-sans-serif, system-ui, sans-serif;
    box-shadow: 0 2px 8px rgba(0,0,0,.25); cursor: pointer; white-space: nowrap;
}
.inline-area-chip:hover { background: #db2777; }
.inline-area-chip[hidden], .inline-area-menu[hidden] { display: none; }
.inline-area-menu {
    position: fixed; z-index: 86; min-width: 220px; padding: 6px; border-radius: 12px; background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.2); font: 13px/1.4 'Inter', ui-sans-serif, system-ui, sans-serif; color: #1f2937;
}
.inline-area-menu-title { padding: 4px 8px 6px; font-size: 11px; color: #9ca3af; }
.inline-area-menu button { display: block; width: 100%; padding: 7px 10px; border-radius: 8px; text-align: left; background: none; border: 0; cursor: pointer; color: #1f2937; }
.inline-area-menu button:hover { background: #fce7f3; color: #be185d; }
.inline-area-hl { outline: 2px solid #db2777 !important; outline-offset: 2px; }
.inline-edit-size {
    position: fixed; z-index: 85; pointer-events: none; padding: 2px 8px; border-radius: 6px;
    background: #111827; color: #fff; font: 600 11px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.inline-edit-size[hidden] { display: none; }
.inline-edit-modal .prose-content:empty::before { content: 'Metninizi yazın…'; color: #9ca3af; }
.admin-toolbar { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }