/* =====================================================================
   THEME OVERRIDES v2 – Corporate (Orange / Anthracite / White)
   Font: Poppins
   Notes:
   - Put this file LAST after all other CSS files.
   - Uses targeted !important where inline styles / older CSS win.
   - Designed to theme "entire system" incl. nav, footer, buttons, forms,
     tables, modals, tabs, breadcrumbs, pagination, alerts, cards, services.
   ===================================================================== */

/* 0) Font: Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root{
  --brand-orange: #ff7a00;
  --brand-orange-600: #e86e00;
  --brand-orange-700: #cc6200;
  --brand-anthracite: #2b2f33;
  --brand-anthracite-700: #22262a;
  --brand-light: #ffffff;
  --brand-neutral: #f6f7f8;
  --text-main: #1d1f22;
  --text-muted: #6b7280;
  --border: rgba(43,47,51,0.18);
  --border-strong: rgba(43,47,51,0.28);
  --shadow: 0 6px 18px rgba(0,0,0,0.05);
  --shadow-strong: 0 10px 24px rgba(0,0,0,0.07);
  --radius-xl: 20px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --focus-ring: 0 0 0 3px rgba(255,122,0,.18);
}

/* 1) Global typography & resets */
html{ scroll-behavior:smooth; }
body, body *:not(i){
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif !important;
}
h1,h2,h3,h4,h5,h6{ color: var(--brand-anthracite) !important; line-height:1.25; font-weight:600; }
p, li{ color: var(--text-main); }
.small, .text-muted{ color: var(--text-muted) !important; }

/* legacy font class mappings */
.font-open-sans, .font-raleway, .font-spacing{ font-family:'Poppins',sans-serif !important; letter-spacing:.01em; }

/* 2) Brand links */
a{ color: var(--brand-orange); text-decoration:none; }
a:hover, a:focus{ color: var(--brand-orange-600); text-decoration:underline; outline:none; }

/* 3) Buttons (generic) */
.btn, button, .button, [type="button"], [type="submit"], .swal2-styled{
  font-family:'Poppins',sans-serif !important;
  border-radius: var(--radius-sm) !important;
  border: 1px solid transparent;
  padding: 10px 16px;
  line-height: 1.2;
  cursor:pointer;
  transition: all .2s ease;
}
.btn-primary, .button.primary, .swal2-confirm{
  background: var(--brand-orange) !important;
  border-color: var(--brand-orange) !important;
  color:#fff !important;
}
.btn-primary:hover, .button.primary:hover, .swal2-confirm:hover{
  background: var(--brand-orange-600) !important;
  border-color: var(--brand-orange-600) !important;
}
.btn-outline, .button.outline{
  background: transparent !important;
  border-color: var(--brand-orange) !important;
  color: var(--brand-orange) !important;
}
.btn-outline:hover{ background: var(--brand-orange) !important; color:#fff !important; }
.btn-light{ background:#fff !important; border-color: var(--border) !important; color: var(--brand-anthracite) !important; }
.btn-light:hover{ border-color: var(--border-strong) !important; box-shadow: var(--shadow) !important; }

/* 4) Header / Topbar / Nav */
.site-header, header, .topbar, .navbar, .nav-menu{
  background:#fff !important;
  border-bottom:1px solid var(--border) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.03) !important;
}
.navbar a, .nav-menu a{ color: var(--brand-anthracite) !important; font-weight:500 !important; }
.navbar a:hover, .nav-menu a:hover{ color: var(--brand-orange-600) !important; }

/* dropdowns */
.navbar .dropdown-menu, .nav-menu .dropdown-menu{
  border:1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow) !important;
}

/* 5) Hero / section headers */
.modules-header-main-baslik{ color: var(--brand-anthracite) !important; letter-spacing:.02em !important; }
.modules-header-main-spot{ color: var(--text-muted) !important; }
.service-home-main-div{ background: linear-gradient(180deg,#fff 0%,#fff 65%,#f7f7f8 100%) !important; }

/* 6) Cards (generic) */
.card, .panel, .box, .module, .widget{
  background:#fff !important;
  border:1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow) !important;
}

/* 7) Services – sweet rounded cards */
.services-grid{ gap:28px !important; }
.service-card,
.service-image-box,
.service-icon-1-box,
.service-icon-2-box{
  background:#fff !important;
  border:1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow) !important;
  padding:18px !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.service-card:hover,
.service-image-box:hover,
.service-icon-1-box:hover,
.service-icon-2-box:hover{
  transform: translateY(-3px) !important;
  box-shadow: var(--shadow-strong) !important;
  border-color: var(--border-strong) !important;
}
.service-card img,
.service-image-box img{ border-radius: calc(var(--radius-lg) - 6px) !important; }

/* inline renkleri bastır */
.service-card h1,
.service-image-box h1,
.service-icon-1-box h1,
.service-icon-2-box h1{ color: var(--brand-anthracite) !important; font-weight:600 !important; }
.service-card h2,
.service-image-box h2,
.service-icon-1-box h2,
.service-icon-2-box h2{ color: var(--text-muted) !important; font-weight:400 !important; }

.service-icon-1-icon i,
.service-icon-2-box i{
  color: var(--brand-orange) !important;
  background: rgba(255,122,0,.08) !important;
  border-radius: 50% !important;
  padding: 12px !important;
}

/* 8) Tables */
table, .table{
  width:100%;
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:#fff !important;
  border:1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  overflow:hidden !important;
  box-shadow: var(--shadow) !important;
}
.table th{
  background:#f9fafb !important; color:#475569 !important; text-align:left !important; font-weight:600 !important;
  padding:12px 14px !important;
}
.table td{
  padding:12px 14px !important; border-top:1px solid #f1f2f4 !important;
}

/* 9) Forms */
input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"],
select, textarea{
  border:1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  padding:10px 12px !important;
  outline:none !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  font-family:'Poppins',sans-serif !important;
  background:#fff !important; color: var(--text-main) !important;
}
input:focus, select:focus, textarea:focus{
  border-color: var(--brand-orange) !important;
  box-shadow: var(--focus-ring) !important;
}

/* 10) Alerts */
.alert, .notice{
  border-radius: var(--radius-sm) !important;
  border:1px solid var(--border) !important;
  box-shadow: var(--shadow) !important;
}
.alert-info{ background:#eef6ff !important; color:#1e3a8a !important; }
.alert-success{ background:#ecfdf5 !important; color:#065f46 !important; }
.alert-warning{ background:#fffbeb !important; color:#92400e !important; }
.alert-danger{ background:#fef2f2 !important; color:#991b1b !important; }

/* 11) Breadcrumbs & Pagination */
.breadcrumb{
  background: transparent !important;
  padding: 0 !important;
  margin-bottom: 12px !important;
}
.breadcrumb a{ color: var(--brand-orange) !important; }
.pagination .page-link, .pagination a{
  border:1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--brand-anthracite) !important;
}
.pagination .active .page-link, .pagination a.active{
  background: var(--brand-orange) !important; color:#fff !important; border-color: var(--brand-orange) !important;
}

/* 12) Tabs & Accordions */
.nav-tabs .nav-link, .tabs .tab{
  border:1px solid var(--border) !important; border-bottom-color: transparent !important;
  border-top-left-radius: var(--radius-sm) !important; border-top-right-radius: var(--radius-sm) !important;
}
.nav-tabs .nav-link.active, .tabs .tab.active{
  background:#fff !important; color: var(--brand-anthracite) !important; border-color: var(--border) !important;
}
.accordion .card, .accordion-item{
  border-radius: var(--radius-md) !important; overflow:hidden !important;
}

/* 13) Modals */
.modal-content, .swal2-popup{
  border-radius: var(--radius-lg) !important;
  border:1px solid var(--border) !important;
  box-shadow: var(--shadow-strong) !important;
  font-family:'Poppins',sans-serif !important;
}

/* 14) Footer */
footer, .site-footer{
  background: var(--brand-anthracite) !important;
  color: #c7cbd1 !important;
}
footer a{ color:#fff !important; }
footer a:hover{ color:#ffd6b0 !important; }

/* 15) Utilities */
.bg-anthracite{ background: var(--brand-anthracite) !important; color:#fff !important; }
.bg-orange{ background: var(--brand-orange) !important; color:#fff !important; }
.text-orange{ color: var(--brand-orange) !important; }
.border-rounded{ border-radius: var(--radius-lg) !important; }
.shadow-soft{ box-shadow: var(--shadow) !important; }
.border-thin{ border:1px solid var(--border) !important; }

/* 16) Responsive headings tweak */
@media (max-width: 991px){
  .modules-header-main-baslik{ font-size: 28px !important; }
}
@media (max-width: 575px){
  .modules-header-main-baslik{ font-size: 24px !important; }
}