:root {
  --accent-500: #0ea5e9; /* sky-500 */
  --accent-600: #0284c7; /* sky-600 */
  --accent-700: #0369a1; /* sky-700 */
  --bg-50: #f8fafc; /* slate-50 */
  --bg-900: #0f172a; /* slate-900 */
  --text-900: #000000; /* force solid black for higher contrast */
  --text-600: #4b5563; /* gray-600 */
  --border-200: #e5e7eb; /* gray-200 */
  --shadow-rgb: 2, 8, 20;
}

/* Typography & Base */
html { font-size: 16px; scroll-behavior: smooth; }
body {
  font-family: 'Inter', 'Roboto', Arial, sans-serif !important;
  color: var(--text-900);
  background: var(--bg-50) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 { color: var(--text-900); }
/* Improve paragraph and list readability across main content areas */
.site-content p,
.site-content li,
.post-element .entry-content p,
.post-element .entry-content li,
.blockz-element .blockz-element-content p,
.blockz-element .blockz-element-content li,
.widget ul li {
  color: var(--text-900) !important;
  line-height: 1.75;
  font-weight: 400;
}

/* Form labels in articles and comments: increase contrast */
.site-content label,
.comments-area label,
.comment-form label {
  color: var(--text-900) !important;
  opacity: 1 !important;
  font-weight: 600;
}

/* Improve list visibility and spacing in article content */
.post-element .entry-content ul,
.post-element .entry-content ol {
  margin: 0.5rem 0 1rem 1.25rem;
  padding-left: 1rem;
  list-style-position: outside;
}
.post-element .entry-content li { opacity: 1 !important; }

/* Do not affect overlay blocks that require light text */
.blockz-overlayz .blockz-overlayz-mask p,
.blockz-overlayz .blockz-overlayz-content p,
.blockz-overlayz .blockz-overlayz-content li { color: #ffffff !important; }
h1, h2, h3, h4, .blockz-element h1, .blockz-element h2, .blockz-element h3, .blockz-element h4 {
  font-family: 'Poppins', 'Libre Baskerville', Georgia, serif !important;
  color: var(--text-900) !important;
}

/* Header / Navbar */
#header {
  background: rgba(255, 255, 255, 0.9) !important;
  border-bottom: 1px solid var(--border-200);
  transition: background 0.25s ease, box-shadow 0.25s ease;
}
#content, .main-content, .site-content, .blockz-element .blockz-element-content {
  color: var(--text-900) !important;
}
#header.is-scrolled {
  background: rgba(13, 17, 23, 0.8)  !important;
  backdrop-filter: saturate(180%) blur(8px);
  box-shadow: 0 8px 24px rgba(var(--shadow-rgb), 0.06);
}
.navbar { border: 0; box-shadow: none; }
.navbar li > a {
  color: var(--text-900) !important;
  font-weight: 650;
  letter-spacing: 0.1px;
  height: auto !important;
  line-height: 1.25 !important;
  padding: 14px 14px !important;
  font-size: 15px !important;
  min-height: 44px;
  border: 0 !important;
}
@media (min-width: 992px) {
  .navbar li > a {
    font-size: 16px !important;
    padding: 16px 16px !important;
  }
}
.navbar li > a:hover,
.navbar li > a:focus,
.navbar li a.activeMenu {
  background: transparent !important;
  color: var(--accent-600) !important;
}
.navbar li > a:after { display: none !important; }

/* Larger brand logo to match bigger menu */
.navbar-brand img { max-height: 64px !important; }

/* Ensure navbar background matches page background (override legacy dark nav) */
#header { background: var(--bg-50) !important; }
.navbar,
#header .navbar,
.navbar .nav,
.navbar-collapse {
  background: var(--bg-50) !important;
  box-shadow: none !important;
}
@media (min-width: 768px) {
  .navbar-collapse { background: var(--bg-50) !important; }
}

/* Top bar subtle */
#top-bar { background: #0b1220 !important; height: auto !important; padding: 6px 0 !important; }
#top-bar a { opacity: 0.9; }

/* Cards / Blocks */
.blockz-element .blockz-element-wrapper {
  border-radius: 16px;
  overflow: hidden;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(var(--shadow-rgb), 0.06) !important;
}
.blockz-element .blockz-element-wrapper.with-border {
  padding: 0 !important;
}
.blockz-element .blockz-element-wrapper.with-border .blockz-element-content {
  padding: 28px !important;
}
.blockz-block-title,
.blockz-element h1,
.blockz-element h2,
.blockz-element h3,
.blockz-element h4 { color: var(--accent-600) !important; }
.blockz-block-title:after { background: var(--accent-600) !important; }

/* Hero */
.blockz-intro { border-radius: 16px; }
.blockz-intro-mask { background: rgba(0,0,0,0.25) !important; }
.blockz-intro-title { font-weight: 700 !important; }
.blockz-intro-title2 { opacity: 0.95 !important; }

/* Images / overlays */
.blockz-picture-mask { background: rgba(2, 8, 20, 0.35) !important; }
.blockz-picture-mask .blockz-picture-content { transform: translateY(0); transition: transform .3s ease; }
.blockz-picture-mask:hover .blockz-picture-content { transform: translateY(-6px); }

/* Buttons */
.btn {
  border-radius: 9999px !important;
  font-weight: 600;
}
.btn-default {
  background: var(--accent-600) !important;
  color: #fff !important;
  letter-spacing: 0 !important;
  padding: 12px 22px !important;
}
.btn-default:hover { background: var(--accent-700) !important; color: #fff !important; }
.btn-rayen:before, .btn-wapasha:before { display: none !important; }
.btn-wapasha {
  background: transparent !important;
  border: 2px solid var(--accent-600) !important;
  color: var(--accent-600) !important;
}
.btn-wapasha:hover { background: var(--accent-600) !important; color: #fff !important; }
.primary-btn {
  background: var(--accent-600) !important;
  color: #fff !important;
  border-radius: 9999px !important;
  padding: 12px 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
.primary-btn:hover { background: var(--accent-700) !important; }

/* Forms */
.form-control,
.blockz-contact-form .form-control {
  background: #fff !important;
  border: 1px solid var(--border-200) !important;
  border-radius: 12px !important;
  height: 48px !important;
  box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
  padding-left: 14px !important;
}
.blockz-contact-form .form-control { border-bottom: 1px solid var(--border-200) !important; }
.form-control:focus,
.blockz-contact-form .form-control:focus {
  border-color: var(--accent-600) !important;
  box-shadow: 0 0 0 4px rgba(14,165,233,0.15) !important;
  outline: none !important;
}
textarea.form-control { min-height: 120px !important; }

/* Footer */
#footer { background: var(--bg-900) !important; color: #e5e7eb !important; }
#footer-top { background: transparent !important; color: inherit !important; padding-top: 20px !important; }
.social-footer li a { color: var(--accent-600) !important; border: 1px solid var(--accent-600) !important; border-radius: 9999px !important; }
.social-footer li a:hover { background: var(--accent-600) !important; color: #fff !important; }
.footer-bottom-text2 { opacity: 0.8 !important; }

/* Enhanced Instagram Footer Styling */
.social-footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 24px 0 !important;
  margin: 0 auto !important;
  list-style: none !important;
}

.social-footer li {
  margin: 0 !important;
  list-style: none !important;
}

.social-footer li a,
.social-footer li a.btn-default {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 60px !important;
  height: 60px !important;
  padding: 0 !important;
  font-size: 24px !important;
  border-radius: 50% !important;
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  border: 3px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 8px 25px rgba(220, 39, 67, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

.social-footer li a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s ease;
}

.social-footer li a:hover {
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 12px 35px rgba(220, 39, 67, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.social-footer li a i {
  color: #ffffff !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)) !important;
  transition: all 0.3s ease !important;
}

.social-footer li a:hover i {
  transform: scale(1.1) !important;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4)) !important;
}

/* Top bar/header social: improve contrast and sizing */
#top-bar .social-icons a {
  background: var(--accent-600) !important;
  color: #fff !important;
  width: 28px !important;
  height: 28px !important;
  font-size: 14px !important;
}
#top-bar .social-icons a:hover { background: var(--accent-700) !important; }

/* Quote post styling (archive quote) */
.post-element-quote {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid var(--border-200) !important;
  border-left: 6px solid var(--accent-600) !important;
  border-radius: 16px !important;
  padding: 28px !important;
  box-shadow: 0 10px 30px rgba(var(--shadow-rgb), 0.06) !important;
  position: relative;
  overflow: hidden;
}
.post-element-quote:after { display: none !important; }
.post-element-quote:before {
  content: "\201C";
  position: absolute;
  top: 6px;
  left: 18px;
  font-size: 96px;
  line-height: 1;
  font-family: Georgia, "Times New Roman", serif;
  color: rgba(2, 8, 20, 0.06);
  pointer-events: none;
}
.post-element-quote > div { position: relative; }
.post-element-quote p {
  color: var(--text-900) !important;
  font-size: 20px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  font-weight: 600 !important;
}
.post-element-quote .quote-author {
  margin-top: 12px !important;
  font-size: 14px !important;
  color: var(--text-600) !important;
  font-style: italic !important;
}

/* Page loader: disable heavy overlay */
#page-loader { display: none !important; }

/* Accessibility */
a:focus-visible, button:focus-visible, .btn:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(14,165,233,0.5);
  outline-offset: 2px;
}

/* Center the beard icon image specifically */
.blockz-service-ico img[src="img/beard.png"] {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 56px !important;
  height: auto !important;
  margin-top: 4px !important;
  margin-bottom: 6px !important;
}

/* Center and reduce Saç Ekimi icon */
.blockz-service-ico img[src="img/ico-services2.png"] {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 56px !important;
  height: auto !important;
  margin-top: 4px !important;
  margin-bottom: 6px !important;
}

/* Center and slightly reduce white variant icon */
.blockz-service-ico img[src="img/ico-services2-white.png"] {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 52px !important;
  height: auto !important;
  margin-top: 4px !important;
  margin-bottom: 6px !important;
}

/* Hours list (Çalışma Saatleri): force white text */
.hours-list dt,
.hours-list dd {
  color: #ffffff !important;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* Dark mode (auto) */
@media (prefers-color-scheme: dark) {
  body { background: #0b1020 !important; color: #ffffff; }
  .blockz-element .blockz-element-wrapper { background: #0f162b !important; box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important; }
  .navbar li > a { color: #ffffff !important; }
  .form-control, .blockz-contact-form .form-control { background: #0f162b !important; color: #ffffff !important; border-color: #1f2a44 !important; }
  #header { background: rgba(13, 17, 23, 0.8) !important; border-bottom-color: #1f2a44; }
  /* Match navbar to dark page/header background */
  .navbar,
  #header .navbar,
  .navbar .nav {
    background: transparent !important;
  }
  .navbar-collapse { background: #0b1020 !important; }
  /* Ensure legible text in dark mode */
  .site-content p,
  .site-content li,
  .post-element .entry-content p,
  .post-element .entry-content li,
  .blockz-element .blockz-element-content p,
  .blockz-element .blockz-element-content li,
  .widget ul li { color: #ffffff !important; }
  .site-content label,
  .comments-area label,
  .comment-form label { color: #ffffff !important; opacity: 1 !important; }
}

/* Make ico-razor.png smaller */
.blockz-intro-bar img[src="img/ico-razor.png"] {
  max-width: 100px;
  height: auto;
  margin: 0 auto;
  display: block;
}

/* Why Choose Us styling */
.why-choose-us {
  margin-top: 16px;
}

.why-choose-us .feature-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(var(--border-rgb), 0.1);
}

.why-choose-us .feature-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.why-choose-us .feature-item i {
  margin-right: 12px;
  font-size: 18px;
  color: var(--accent-600);
  min-width: 20px;
}

.why-choose-us .feature-item span {
  color: var(--text-900);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
}

@media (prefers-color-scheme: dark) {
  .why-choose-us .feature-item span {
    color: #ffffff;
  }
  
  .why-choose-us .feature-item {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }
}

/* Service Card Modern UI */
.blockz-service.service-card {
  background: #fff;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(var(--shadow-rgb), 0.08);
  transition: all 0.3s ease;
  height: 100%; /* Ensure cards in a row have equal height */
  display: flex;
  flex-direction: column;
  align-items: center; /* Center content horizontally */
  text-align: center; /* Center text within the card */
}

.blockz-service.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(var(--shadow-rgb), 0.12);
}

.blockz-service.service-card .blockz-service-ico {
  margin-bottom: 20px;
}

.blockz-service.service-card .blockz-service-ico i {
  font-size: 56px; /* Larger icons */
  color: var(--accent-600); /* Use accent color */
  transition: color 0.3s ease;
}

.blockz-service.service-card:hover .blockz-service-ico i {
  color: var(--accent-700); /* Slightly darker on hover */
}

.blockz-service.service-card .blockz-service-title {
  font-size: 24px; /* Larger title */
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--text-900); /* Ensure good contrast */
}

.blockz-service.service-card p {
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-600); /* Softer text color */
  flex-grow: 1; /* Allow paragraph to take available space */
}

/* Dark mode adjustments for service cards */
@media (prefers-color-scheme: dark) {
  .blockz-service.service-card {
    background: #0f162b; /* Darker background for cards */
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
  }
  .blockz-service.service-card:hover {
    box-shadow: 0 15px 40px rgba(0,0,0,0.45);
  }
  .blockz-service.service-card .blockz-service-title {
    color: #ffffff;
  }
  .blockz-service.service-card p {
    color: #e0e0e0;
  }
}