/*
Theme Name:   Flatsome Child — Liseler
Description:  liseler.org.tr özel ana sayfa teması
Author:       liseler.org.tr
Template:     flatsome
Version:      3.0.0
Text Domain:  flatsome-child
*/

:root {
  --navy:    #0C2D55;
  --gold:    #FAC775;
  --blue:    #185FA5;
  --blue-lt: #E6F1FB;
  --gray-bg: #F4F5F7;
  --border:  #E3E5E8;
}

html { scroll-behavior: smooth; }
body { background: var(--gray-bg) !important; }

/* HEADER */
#header, #header .header-wrapper, .header-wrapper, .header-main {
  background-color: var(--navy) !important;
}
#header .nav > li > a, #header ul.nav > li > a {
  color: rgba(255,255,255,0.88) !important;
  font-size: 13.5px !important; font-weight: 500 !important;
  transition: color .15s !important;
}
#header .nav > li > a:hover { color: var(--gold) !important; }
#header .nav > li.current-menu-item > a,
#header .nav > li.current-menu-ancestor > a { color: var(--gold) !important; }
#header .nav .sub-menu {
  background: #fff !important; border-top: 3px solid var(--gold) !important;
  box-shadow: 0 8px 24px rgba(12,45,85,0.14) !important;
  border-radius: 0 0 8px 8px !important; min-width: 220px !important;
}
#header .nav .sub-menu li a { color: #222 !important; font-size: 13px !important; }
#header .nav .sub-menu li a:hover { color: var(--navy) !important; background: var(--blue-lt) !important; }
#header .search-toggle, #header .nav-icon { color: rgba(255,255,255,0.8) !important; }
#header .search-toggle:hover, #header .nav-icon:hover { color: var(--gold) !important; }

/* FOOTER */
#footer, footer, .footer-wrapper, .footer-area {
  background-color: var(--navy) !important; color: rgba(255,255,255,0.75) !important;
}
#footer a, footer a { color: rgba(255,255,255,0.65) !important; }
#footer a:hover, footer a:hover { color: var(--gold) !important; }
#footer .widget-title, footer .widget-title, #footer h3, #footer h4 {
  color: #fff !important; border-bottom: 2px solid var(--gold) !important;
  padding-bottom: 8px !important; margin-bottom: 12px !important;
}
.absolute-footer, .footer-bottom {
  background: rgba(0,0,0,0.22) !important; color: rgba(255,255,255,0.45) !important; font-size: 12px !important;
}

/* Footer widget'larını gizle (Archives, Categories) */
#footer .widget_archives, #footer .widget_categories,
.footer-area .widget_archives, .footer-area .widget_categories { display: none !important; }

/* TEK YAZI */
.entry-content { font-size: 16px !important; line-height: 1.8 !important; color: #1f2937 !important; }
.entry-content h2 {
  font-size: 22px !important; font-weight: 700 !important; color: var(--navy) !important;
  margin-top: 40px !important; margin-bottom: 14px !important;
  padding-bottom: 10px !important; border-bottom: 2px solid var(--gold) !important;
}
.entry-content h3 { font-size: 18px !important; font-weight: 600 !important; color: var(--navy) !important; margin-top: 30px !important; }
.entry-content h4 { font-size: 16px !important; font-weight: 600 !important; color: #374151 !important; margin-top: 22px !important; }
.entry-content p { margin-bottom: 20px !important; }
.entry-content a { color: var(--blue) !important; text-decoration: underline !important; }
.entry-content a:hover { color: var(--navy) !important; }
.entry-content blockquote {
  border-left: 4px solid var(--gold) !important; background: var(--blue-lt) !important;
  margin: 28px 0 !important; padding: 16px 22px !important;
  border-radius: 0 8px 8px 0 !important; font-style: normal !important; color: var(--navy) !important;
}

/* BREADCRUMB */
.breadcrumbs, #breadcrumbs { font-size: 12px !important; color: #9ca3af !important; padding: 8px 0 16px !important; }
.breadcrumbs a { color: var(--blue) !important; text-decoration: none !important; }

/* SAYFALAMA */
.page-numbers {
  background: #fff !important; border: 1px solid var(--border) !important;
  border-radius: 6px !important; padding: 7px 13px !important;
  font-size: 13px !important; color: #555 !important;
  display: inline-block !important; margin: 2px !important; text-decoration: none !important; transition: all .15s !important;
}
.page-numbers:hover, .page-numbers.current {
  background: var(--navy) !important; color: #fff !important; border-color: var(--navy) !important;
}

/* BUTONLAR */
.button, .button.primary, input[type="submit"] {
  background-color: var(--navy) !important; border-color: var(--navy) !important; color: #fff !important; border-radius: 6px !important;
}
.button:hover, input[type="submit"]:hover {
  background-color: var(--blue) !important; border-color: var(--blue) !important;
}

/* MOBİL */
@media (max-width: 767px) {
  .l-hero { flex-direction: column !important; }
  .l-hero-img { display: none !important; }
  .l-grid { grid-template-columns: 1fr 1fr !important; }
  .l-layout { flex-direction: column !important; }
  .l-sidebar { width: 100% !important; }
  .l-feat-row { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 480px) {
  .l-grid { grid-template-columns: 1fr !important; }
  .l-feat-row { grid-template-columns: 1fr !important; }
  .l-catbar { gap: 5px !important; }
}