/*
Theme Name: Manavgat Haber
Theme URI: https://akdenizhaber.com.tr
Author: ManavgatHaber Ekibi
Author URI: https://akdenizhaber.com.tr
Description: Yerel gazete teması — dark mod, mobil öncelikli, flaş haber, ihale, yazarlar, özel haber.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: manavgat-haber
Tags: news, dark-mode, mobile-first, custom-post-types, rtl-language-support
*/

/* =============================================
   CSS CUSTOM PROPERTIES
   ============================================= */
:root {
  /* Dark mode (default) */
  --ah-bg:        #0d0d0f;
  --ah-bg2:       #141418;
  --ah-bg3:       #1a1a20;
  --ah-bg4:       #22222a;
  --ah-text:      #e8e8ec;
  --ah-text2:     #a0a0b0;
  --ah-text3:     #6b6b80;
  --ah-accent:    #e8372a;
  --ah-accent2:   #ff6b35;
  --ah-gold:      #c9a84c;
  --ah-border:    #2a2a35;
  --ah-border2:   #353545;
  --ah-flash:     #ff2d2d;
  --ah-radius:    6px;
  --ah-radius-sm: 4px;
  --ah-font:      'Inter', system-ui, -apple-system, sans-serif;
}

[data-theme="light"] {
  --ah-bg:        #f5f5f7;
  --ah-bg2:       #ffffff;
  --ah-bg3:       #f0f0f4;
  --ah-bg4:       #e8e8ee;
  --ah-text:      #111118;
  --ah-text2:     #444458;
  --ah-text3:     #888898;
  --ah-accent:    #d42a1e;
  --ah-accent2:   #e85a20;
  --ah-gold:      #a07820;
  --ah-border:    #dcdce8;
  --ah-border2:   #c8c8d8;
  --ah-flash:     #cc0000;
}

/* =============================================
   RESET & BASE
   ============================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  background: var(--ah-bg);
  color: var(--ah-text);
  font-family: var(--ah-font);
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  transition: background .25s, color .25s;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
ul, ol { list-style: none; }

/* =============================================
   TYPOGRAPHY
   ============================================= */
h1 { font-size: clamp(1.4rem, 4vw, 2rem); font-weight: 800; line-height: 1.2; }
h2 { font-size: clamp(1.1rem, 3vw, 1.4rem); font-weight: 700; line-height: 1.3; }
h3 { font-size: clamp(1rem, 2.5vw, 1.15rem); font-weight: 600; line-height: 1.35; }
h4 { font-size: .95rem; font-weight: 600; }

.ah-section-label {
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: var(--ah-text3);
  text-transform: uppercase;
  margin-bottom: 8px;
}

.ah-cat-badge {
  display: inline-block;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--ah-accent);
  margin-bottom: 4px;
}

.ah-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .7rem;
  color: var(--ah-text3);
}

.ah-meta .ah-meta-author { font-weight: 600; color: var(--ah-text2); }

/* =============================================
   LAYOUT
   ============================================= */
.ah-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 16px;
}

.ah-section { padding: 16px; }

.ah-section-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.ah-section-header h2 {
  font-size: .95rem;
  font-weight: 700;
  white-space: nowrap;
}

.ah-section-divider {
  flex: 1;
  height: 1px;
  background: var(--ah-border);
}

.ah-section-more {
  font-size: .72rem;
  color: var(--ah-accent);
  white-space: nowrap;
}

.ah-section-more:hover { text-decoration: underline; }

/* =============================================
   CARDS — shared
   ============================================= */
.ah-card {
  background: var(--ah-bg2);
  border: 1px solid var(--ah-border);
  border-radius: var(--ah-radius);
  overflow: hidden;
  transition: border-color .2s;
}

.ah-card:hover { border-color: var(--ah-border2); }

.ah-card-thumb {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  background: var(--ah-bg3);
}

.ah-card-body { padding: 10px 12px 12px; }
.ah-card-title { font-size: .875rem; font-weight: 600; line-height: 1.35; color: var(--ah-text); }
.ah-card-title:hover { color: var(--ah-accent); }

/* =============================================
   BUTTONS
   ============================================= */
.ah-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: var(--ah-radius-sm);
  font-size: .8rem;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid var(--ah-border2);
  background: var(--ah-bg3);
  color: var(--ah-text2);
  transition: .2s;
}

.ah-btn:hover { background: var(--ah-bg4); color: var(--ah-text); }
.ah-btn-accent { background: var(--ah-accent); color: #fff; border-color: var(--ah-accent); }
.ah-btn-accent:hover { opacity: .88; }

/* =============================================
   BADGES
   ============================================= */
.ah-badge {
  display: inline-block;
  font-size: .65rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 2px;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.ah-badge-accent  { background: var(--ah-accent); color: #fff; }
.ah-badge-gold    { background: var(--ah-gold); color: #fff; }
.ah-badge-outline { border: 1px solid var(--ah-border2); color: var(--ah-text2); }
.ah-badge-ozel    { background: rgba(232,55,42,.15); color: var(--ah-accent); }

/* =============================================
   ACCESSIBILITY
   ============================================= */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

:focus-visible { outline: 2px solid var(--ah-accent); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}