/* =========================
   MYBOXX – crisp/graphite theme
   Place AFTER zeinet.css and zeinet-color-*.css
   ========================= */

/* ---- Brand tokens ---- */
/* Set this to the exact green from your logo if different */
:root {
  /* Primary (used widely for accents) ? switch from purple to dark silver/graphite */
  --zeinet-primary: #2b2f33;          /* dark silver */
  --zeinet-primary-rgb: 43, 47, 51;

  /* Base accent (CTA buttons, tags). If your logo green differs, update below */
  --zeinet-base: #35ff13;             /* Myboxx green (current default) */
  --zeinet-base-rgb: 53, 255, 19;

  /* Neutral surfaces (ensure good contrast with neon green) */
  --zeinet-black: #0f1215;
  --zeinet-black-rgb: 15, 18, 21;
  --zeinet-gray: #7d838a;
  --zeinet-gray-rgb: 125, 131, 138;

  /* Optional brighter card bg */
  --zeinet-extra: #f3f5f7;
  --zeinet-extra-rgb: 243, 245, 247;
}

/* ---- Global polish ---- */
body {
  color: #8a9096;
  background-color: #ffffff;
}
h1, h2, h3, h4, h5, h6 { color: #13161a; }
a { color: #2b2f33; }
a:hover { color: #171a1d; }

/* Buttons & interactive */
.thm-btn {
  background-color: var(--zeinet-base);
  border-radius: 999px;
  letter-spacing: .2px;
  box-shadow: 0 6px 18px rgba(var(--zeinet-base-rgb), .18);
}
.thm-btn:hover::before { background-color: #171a1d; }
.main-menu__search:hover,
.main-menu__help-line-number a:hover { color: var(--zeinet-base); }

/* Section kicker lines */
.section-title__tagline,
.section-title__tagline::before,
.section-title__tagline::after { color: var(--zeinet-base); background-color: var(--zeinet-base); }

/* Links in menus */
.main-menu .main-menu__list > li > a { color: #545a61; }
.main-menu .main-menu__list > li.current > a,
.main-menu .main-menu__list > li:hover > a { color: #171a1d; }

/* Dropdown hovers */
.main-menu .main-menu__list > li > ul > li > a::before { color: var(--zeinet-base); }

/* Scroll-to-top and misc accents (kill purple) */
.scroll-to-top { background: var(--zeinet-primary); }
.scroll-to-top:hover { background: var(--zeinet-base); }

/* ---- Remove purple overlays & shapes in hero ---- */
.main-slider-four__overlay,
.main-slider-four__shape-one,
.main-slider-four__shape-two,
.main-slider-four__shape-three {
  display: none !important; /* hide purple PNG overlays/shapes */
}

/* Add clean, neutral overlay on slides for text legibility */
.main-slider-four .main-slider-four__bg::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(17, 20, 23, .35),
    rgba(17, 20, 23, .55)
  );
  pointer-events: none;
}

/* Optional: tighten hero typography for crisp look */
.main-slider-four__title {
  letter-spacing: -0.01em;
  text-shadow: 0 2px 14px rgba(0,0,0,.22);
}
.main-slider-four__text { color: #e8ecef; }

/* Newsletter bar – remove purple bg graphic feel */
.newsletter-two__bg { filter: grayscale(100%) opacity(.25); }

/* Service cards: reduce heavy shadows & purple accents */
.service-four__item__hover,
.service-four__item__normal {
  box-shadow: 0 6px 24px rgba(15,18,21,.08);
  border-radius: 16px;
}
.service-four__item__normal__icon,
.service-four__item__hover__icon { color: var(--zeinet-base); }

/* Offer block – neutralise shape */
.offer-one, .offer-one__bg { filter: grayscale(100%); opacity: .4; }

/* Movie carousel arrows – no purple */
.movie-four .owl-nav .owl-prev span,
.movie-four .owl-nav .owl-next span {
  color: var(--zeinet-primary);
}
.movie-four__single__ratings { background: var(--zeinet-primary); }

/* Video section: swap purple border image feel with simple ring */
.video-section__btn {
  background-image: none !important;
  border: 2px solid rgba(43,47,51,.25);
  border-radius: 999px;
}
.video-section__btn .zeinet-icons-two-play { color: var(--zeinet-base); }

/* FAQ: neutral tones */
.faq-two__shape__one, .faq-two__shape__two, .faq-two__shape__three {
  background: linear-gradient(135deg, #23272b, #2b2f33) !important;
}

/* Footer: remove purple texture overlays */
.site-footer-two,
.site-footer-two__top {
  background-image: none !important;
  background-color: #0f1215 !important;
  color: #aab0b6;
}
.site-footer-two__about__social a:hover { color: var(--zeinet-base); }

/* Mobile nav toggles & icons (was purple) */
.main-menu .mobile-nav__toggler,
.mobile-nav__buttons a { color: var(--zeinet-base); }

/* Utility: hide any remaining 'shape' background PNGs that were purple */
[class*="shape"] {
  background-image: none !important;
}

/* Optional micro-tweaks for extra crisp feel */
img { image-rendering: -webkit-optimize-contrast; }

/* ===== Top Header Menu Font Increase ===== */
.main-menu .main-menu__list > li > a {
  font-size: 150% !important;   /* 50% bigger */
  font-weight: 600;             /* make it slightly bolder for balance */
  letter-spacing: 0.5px;        /* better readability */
}

/* Also make sure sticky header matches */
.stricky-header .main-menu__list > li > a {
  font-size: 150% !important;
}