/*
Theme Name: Ozgunn Teknoloji
Text Domain: ozgunn-teknoloji
Description: Özgün Dijital Teknoloji için Türkçe, hızlı ve mobil uyumlu bilişim hizmetleri teması. Bilgisayar tamiri, sunucu ve ağ altyapısı, web sitesi kurulumu. Özgün koyu mürekkep mavisi, teknik grid detayları, canlı amber vurguları ve temiz kart düzeni.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html { scroll-behavior: smooth; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 10000; padding: 12px 16px; transform: translateY(-160%); color: #fff; background: #14232b; border: 2px solid #f1a653; border-radius: 4px; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid #096b75; outline-offset: 3px; }
.privacy-banner { position: fixed; z-index: 1000; inset: auto 16px 16px; color: #14232b; background: #fff; border: 1px solid #b8c6cc; border-radius: 8px; box-shadow: 0 12px 40px rgba(20,35,43,.22); }
.privacy-banner[hidden], .privacy-options[hidden], .privacy-actions [hidden] { display: none; }
.privacy-banner-inner { width: min(1120px, calc(100% - 32px)); margin: auto; padding: 20px 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.privacy-banner h2 { margin: 0 0 6px; font-size: 18px; }
.privacy-banner p { max-width: 680px; margin: 0; color: #34434d; font-size: 14px; line-height: 1.6; }
.privacy-options { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 12px 20px; }
.privacy-options label { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; }
.privacy-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.privacy-actions button, .privacy-settings-link { min-height: 42px; padding: 8px 12px; color: #14232b; background: #fff; border: 1px solid #52616d; border-radius: 4px; cursor: pointer; font-weight: 650; }
.privacy-actions button:last-child { color: #fff; background: #14232b; }
.privacy-settings-link { min-height: auto; padding: 0; border: 0; text-decoration: underline; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.faq-list { max-width: 850px; margin-top: 28px; border-top: 1px solid #d2dde1; }
.faq-list details { padding: 20px 4px; border-bottom: 1px solid #d2dde1; }
.faq-list summary { color: #14232b; cursor: pointer; font-weight: 700; line-height: 1.5; }
.faq-list details p { max-width: 720px; margin: 12px 0 0; color: #34434d; line-height: 1.7; }
.not-found-page { padding: clamp(64px, 10vw, 120px) 24px; }
.not-found-inner { max-width: 760px; margin: auto; }
.not-found-inner h1 { max-width: 650px; margin: 12px 0; color: #14232b; font-size: clamp(36px, 6vw, 64px); line-height: 1.08; }
.not-found-inner p:not(.section-kicker) { max-width: 620px; color: #34434d; line-height: 1.7; }
.not-found-search { max-width: 480px; margin: 24px 0; }
@media (max-width: 760px) { .privacy-banner-inner { display: block; padding: 16px 0; } .privacy-actions { justify-content: flex-start; margin-top: 16px; } .footer-bottom { align-items: flex-start; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }