:root{
  --container: 1200px;
}
html{scroll-behavior:smooth; 
  font-weight: 300;}
body{
  margin:0;
  background:var(--wp--preset--color--background);
  color:var(--wp--preset--color--text);
  font-family:var(--wp--preset--font-family--figtree);
  line-height:1.6;
  font-weight: 300;
}
a{ color:var(--wp--preset--color--primary); text-decoration:none }
a:hover{ text-decoration:underline }

/* Layout helpers */
.container{ max-width:var(--container); margin:0 auto; padding:0 1rem }
.stack > * + *{ margin-top:1rem }

/* Header */
.site-header{ background:#fff; border-bottom:1px solid #eee }
.site-header__bar{ display:flex; align-items:center; justify-content:space-between; height:64px }
.brand{ color:var(--wp--preset--color--primary); font-weight:700; font-size:1.25rem }

/* Desktop nav */
.primary-nav{ display:none; gap:1.25rem }
@media (min-width:768px){ .primary-nav{ display:flex } }
.primary-nav a{ color:#444 }
.primary-nav a:hover{ color:var(--wp--preset--color--primary) }

/* Mobile nav */
.menu-toggle{ display:inline-flex; background:none; border:0; padding:.5rem; font-size:1.25rem }
@media (min-width:768px){ .menu-toggle{ display:none } }
.mobile-nav{ display:none; padding:0 1rem 1rem }
.mobile-nav.open{ display:block }
.mobile-nav a{ display:block; padding:.5rem 0; color:#444 }

/* Buttons */
.button,.wp-element-button{
  background:var(--wp--preset--color--primary); color:#fff; border:0; border-radius:.5rem; padding:.6rem 1rem
}
.button:hover,.wp-element-button:hover{ filter:brightness(.95) }
.site-logo img {
  max-height: 60px;
  height: auto;
  width: auto;
}
/* Grid header: left | center (menu) | right */
.site-header__bar{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  gap: 1rem;
  height:64px;
}

/* Left: logo + title inline (optional) */
.header-left{ display:flex; align-items:center; gap:.75rem; }

/* Center menu */
.primary-nav{ text-align:center; }
.primary-nav .wp-block-navigation__container{ gap:1.25rem; }

/* Right icons */
.header-icons .wp-block-button__link{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:999px;
  background:#fff; border:1px solid #eee; color:#444; text-decoration:none;
}
.header-icons .wp-block-button__link:hover{
  border-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--primary);
}

/* Mobile: stack rows, keep icons accessible; menu handled by overlay */
@media (max-width: 767px){
  .site-header__bar{
    grid-template-columns: 1fr auto; /* left + right on one row */
    grid-template-areas:
      "left right";
  }
  .header-left{ grid-area:left; }
  .header-icons{ grid-area:right; justify-content:flex-end; }
  /* Center nav collapses to overlay (hamburger) automatically */
}

.custom-logo{ max-height:56px; height:auto; width:auto }

/* Remove the default bg image and stroke */
.navbar-toggler {
  border: none !important;
  padding: 0.5rem !important;
  background: none;
}

/* Custom hamburger icon */
.navbar-toggler-icon {
  background-image: none !important;
  width: 1.2rem !important;
  height: 1.5rem;
  position: relative;
  display: inline-block;
}

/* Create 3 bars */
.navbar-toggler-icon::before,
.navbar-toggler-icon::after,
.navbar-toggler-icon div {
  content: "";
  display: block;
  height: 2px;
  background-color: var(--bs-primary);
  margin: 5px 0;
  border-radius: 2px;
}

/* Style the right-side icons */
.navbar .nav-link.nav-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--bs-primary);
  color: #fff !important;
  font-size: 1.2rem;
  transition: background-color 0.2s ease;
  padding: 0;
}
.navbar .nav-link.nav-icon i {
  font-size: 0.9rem;
}

.mobile-icons .nav-link.nav-icon i,
.mobile-icons .nav-link.language-switcher a {
  font-size: 0.8rem;
}

.navbar .nav-link:hover {
  background-color: var(--bs-secondary);
  color: #fff !important;
}

.slogan strong{
  color: var(--bs-primary);
}

/* Ticker shell */
.ticker{
  --height: 42px;
  --gap: 2rem;
  --speed: 20s;
  position: relative;
  overflow: hidden;
  height: var(--height);
}

/* The moving track holds TWO identical copies */
.ticker__track{
  display: inline-flex;
  align-items: center;
  gap: var(--gap);
  white-space: nowrap;
  line-height: var(--height);
  will-change: transform;
  animation: ticker-marquee var(--speed) linear infinite;
}

/* Each text block is the same content */
.ticker__text{ flex: 0 0 auto; text-transform: uppercase; font-weight: 800; color: color-mix(in srgb, var(--bs-primary) 30%, white);}

/* Optional: nice fade on edges (supported in modern browsers) */
.ticker{
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

/* Pause on hover (optional) */
.ticker:hover .ticker__track{ animation-play-state: paused; }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .ticker__track{ animation: none; }
}

@keyframes ticker-marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.fw-300{
 font-weight: 300;
}

.zafytody-section-title {
  color: var(--bs-secondary);
  font-weight: 700;

}

/* ZAFY TODY Stat */
.zafytody-stat strong  {
  color: var(--bs-primary);
  font-weight: 700;
  line-height: 0.8em;
  font-size: 4rem !important;
}

.zafytody-stat  {
  font-weight: 300;
  line-height: 0.8em;
  font-size: 2rem !important;
}

footer {
  background-color: var(--bs-primary);
  color: #fff;
  font-weight: 300;
}

.language-switcher a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: var(--bs-secondary);
  color: #fff !important;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}
.language-switcher {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: .5rem;
}

.language-switcher li {
  margin: 0;
  padding: 0;
}

.language-switcher a:hover {
  background-color: var(--bs-primary);
}