/* ============================================================
   TAKTIK REBRAND 2026 — Navy #1B2A6B + Green #7AC943 + White
   Global override pou tout sit la (Astra theme)
   ============================================================ */

:root {
  --taktik-navy: #1B2A6B;
  --taktik-navy2: #16225a;
  --taktik-navy-dark: #101c4e;
  --taktik-green: #7AC943;
  --taktik-green-d: #5da82e;
  --taktik-gold: #D9A62E;
}

/* ---- Astra global palette overrides ---- */
.ast-primary-color, a { color: var(--taktik-navy); }
a:hover { color: var(--taktik-green-d); }

/* ---- Buttons: navy primary, green accent ---- */
.wp-block-button__link,
.ast-button,
button.ast-button,
input[type="button"].ast-button,
input[type="submit"].ast-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: var(--taktik-navy) !important;
  color: #fff !important;
  border-color: var(--taktik-navy) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}
.wp-block-button__link:hover,
.ast-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: var(--taktik-green-d) !important;
  border-color: var(--taktik-green-d) !important;
  color: #fff !important;
}
/* Green CTA variant */
.btn-green, .taktik-cta-green {
  background: linear-gradient(135deg, var(--taktik-green), var(--taktik-green-d)) !important;
  color: #fff !important;
  border: 0 !important;
}

/* ---- Headings ---- */
h1, h2, h3, h4, h5, h6,
.entry-title, .wp-block-heading {
  color: var(--taktik-navy);
}

/* ---- Header ---- */
.site-header, #masthead {
  background: #fff;
  border-bottom: 3px solid var(--taktik-green);
}
.main-header-menu a, .ast-header-navigation a {
  color: var(--taktik-navy) !important;
  font-weight: 600;
}
.main-header-menu a:hover {
  color: var(--taktik-green-d) !important;
}

/* ---- Footer ---- */
.site-footer, #colophon {
  background: linear-gradient(180deg, var(--taktik-navy-dark), var(--taktik-navy)) !important;
  color: #fff !important;
}
.site-footer a, #colophon a { color: #b9c6ea !important; }
.site-footer a:hover { color: var(--taktik-green) !important; }
.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer .widget-title {
  color: #fff !important;
}
.footer-adv .widget { color: #b9c6ea; }

/* ---- Forms ---- */
input[type="text"]:focus, input[type="email"]:focus,
input[type="tel"]:focus, input[type="url"]:focus,
input[type="password"]:focus, textarea:focus, select:focus {
  border-color: var(--taktik-green) !important;
  outline: none;
}

/* ---- WooCommerce ---- */
.woocommerce span.onsale {
  background: var(--taktik-green) !important;
  color: #fff !important;
}
.woocommerce .star-rating span { color: var(--taktik-gold) !important; }
.woocommerce-MyAccount-navigation-link.is-active a {
  color: var(--taktik-green-d) !important;
}
.woocommerce-info, .woocommerce-message {
  border-top-color: var(--taktik-green) !important;
}
.woocommerce-info::before, .woocommerce-message::before {
  color: var(--taktik-green-d) !important;
}

/* ---- Selection ---- */
::selection { background: var(--taktik-green); color: #fff; }

/* ---- Scrollbar (webkit) ---- */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f2f6fd; }
::-webkit-scrollbar-thumb { background: var(--taktik-navy); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: var(--taktik-green-d); }

/* ---- Utility classes ---- */
.taktik-navy-bg { background: var(--taktik-navy) !important; color: #fff !important; }
.taktik-green-bg { background: var(--taktik-green) !important; color: #fff !important; }
.taktik-navy-text { color: var(--taktik-navy) !important; }
.taktik-green-text { color: var(--taktik-green-d) !important; }

/* ============================================================
   ELEMENTOR + SITE CHROME OVERRIDES (agresif)
   ============================================================ */

/* Elementor global colors */
.elementor, .elementor-widget, .elementor-section {
  --e-global-color-primary: #1B2A6B !important;
  --e-global-color-secondary: #7AC943 !important;
  --e-global-color-accent: #7AC943 !important;
}

/* Override orange backgrounds (common values) */
[style*="#FF5A1F"], [style*="#ff5a1f"], [style*="#FF5a1f"],
[style*="#fb5e1e"], [style*="#FB5E1E"], [style*="orange"] {
  /* inline styles can't be overridden by external CSS for same property,
     but we target children and common patterns below */
}

/* Elementor buttons */
.elementor-button, .elementor-button-link,
.elementor-widget-button .elementor-button {
  background-color: #1B2A6B !important;
  border-color: #1B2A6B !important;
  color: #fff !important;
  border-radius: 999px !important;
}
.elementor-button:hover {
  background-color: #5da82e !important;
  border-color: #5da82e !important;
}

/* Elementor headings */
.elementor-heading-title, .elementor-widget-heading h1,
.elementor-widget-heading h2, .elementor-widget-heading h3 {
  color: #1B2A6B !important;
}

/* Taktik Site Chrome plugin overrides */
.taktik-site-chrome, [class*="taktik-chrome"],
.site-chrome-header, .taktik-header {
  --taktik-primary: #1B2A6B !important;
  --taktik-accent: #7AC943 !important;
}

/* Pill nav / header buttons (black pill header with orange) */
.ast-header-break-point .main-header-menu .menu-item a,
.main-navigation .menu-item a {
  color: #1B2A6B !important;
}

/* Generic: any element using orange as accent */
.elementor-widget-text-editor b, .elementor-widget-text-editor strong {
  color: #1B2A6B;
}

/* Hero sections: dark backgrounds get green accents */
.elementor-section[class*="hero"] .elementor-heading-title span,
.hero-accent { color: #7AC943 !important; }

/* ============================================================
   TAKTIK SITE CHROME — zoranj #FF5A1F → navy/vèt
   ============================================================ */

/* Logo */
.tlm-chrome .tlm-logo-t, .tlm-logo-t {
  background: linear-gradient(135deg, #1B2A6B, #7AC943) !important;
}
.tlm-chrome .tlm-logo-txt span, .tlm-logo-txt span {
  color: #7AC943 !important;
}

/* CTA buttons → green */
.tlm-chrome .tlm-cta, .tlm-cta,
.tlm-chrome .tlm-join, .tlm-join {
  background: #7AC943 !important;
  color: #fff !important;
}
.tlm-chrome .tlm-cta:hover, .tlm-cta:hover,
.tlm-chrome .tlm-join:hover, .tlm-join:hover {
  background: #5da82e !important;
}

/* Orange text → navy/green */
.tlm-chrome .tlm-orange, .tlm-orange {
  color: #1B2A6B !important;
}
.tlm-chrome .tlm-kicker, .tlm-kicker {
  color: #5da82e !important;
}

/* Section headers */
.tlm-chrome .tlm-more-h, .tlm-more-h,
.tlm-chrome .tlm-mmenu .tlm-mmenu-h, .tlm-mmenu .tlm-mmenu-h {
  color: #5da82e !important;
}

/* Footer links */
.tlm-chrome .tlm-legal-row a:hover, .tlm-legal-row a:hover,
.tlm-chrome .tlm-footer a:hover, .tlm-footer a:hover {
  color: #7AC943 !important;
}

/* Nav active */
.tlm-nav a.active {
  background: #1B2A6B !important;
  color: #fff !important;
}

/* Tutor LMS orange → navy/green */
.tutor-course-details-ratings [class*="star"],
.tutor-course-details-ratings [class*="star"] svg {
  color: #D9A62E !important;
  fill: #D9A62E !important;
}
.tutor-course-sidebar-card-pricing .woocommerce-Price-amount,
.tutor-course-single-pricing span,
.tutor-course-details-header .tutor-course-details-info a {
  color: #1B2A6B !important;
}
.tutor-accordion .tutor-accordion-item-header.is-active,
.tutor-course-content-list-item-icon {
  color: #5da82e !important;
}
.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body .tutor-btn {
  background: #1B2A6B !important;
  border-color: #1B2A6B !important;
}

/* Elementor: force global colors */
.elementor-kit, .elementor-page {
  --e-global-color-primary: #1B2A6B !important;
  --e-global-color-accent: #7AC943 !important;
}

/* ============================================================
   IMAGES & PHOTOS — adaptasyon ak nouvo branding
   ============================================================ */

/* Tout imaj: kwen awondi + ankadreman sibtil */
img {
  border-radius: 12px;
}

/* Kat sèvis/pwodwi: ankadreman navy + lonbray vèt */
.elementor-widget-image .elementor-widget-container,
.wp-block-image,
.woocommerce ul.products li.product,
.tutor-course-card {
  border-radius: 16px;
  overflow: hidden;
}

/* Imaj sèvis: bordure navy sou hover */
.elementor-widget-image img:hover,
.wp-block-image img:hover {
  box-shadow: 0 8px 30px rgba(27,42,107,.18);
  outline: 3px solid #7AC943;
  outline-offset: -3px;
}

/* Hero/section ak imaj: overlay navy sibtil */
.elementor-section .elementor-background-overlay {
  background: linear-gradient(135deg, rgba(27,42,107,.08), rgba(122,201,67,.06)) !important;
}

/* Galeri: espasman ak ankadreman inifòm */
.elementor-widget-image-gallery img,
.elementor-widget-image-carousel img {
  border: 2px solid #e2e9f5;
  border-radius: 14px;
}
.elementor-widget-image-gallery img:hover,
.elementor-widget-image-carousel img:hover {
  border-color: #7AC943;
}

/* Avatar/testimonyal: sèk ak bordure vèt */
.elementor-testimonial__image img,
.avatar, .comment-author img {
  border-radius: 50% !important;
  border: 3px solid #7AC943 !important;
}

/* Logo kliyan/partnè: filtre inifòm */
.elementor-widget-image .elementor-image img {
  transition: transform .3s ease, box-shadow .3s ease;
}

/* ============================================================
   TLM CUSTOM HEADER OVERRIDES — homepage + Site Chrome
   Header lan se custom tlm-* (pa Elementor)
   ============================================================ */
.tlm-logo-t{background:linear-gradient(135deg,#5da82e,#7AC943)!important;}
.tlm-nav a.active{background:#7AC943!important;color:#fff!important;}
.tlm-logo-txt span{color:#7AC943!important;}
.tlm-cta{background:#7AC943!important;border-color:#7AC943!important;color:#fff!important;}
.tlm-cta:hover{background:#5da82e!important;}
.tlm-join{background:#7AC943!important;border-color:#7AC943!important;}
.tlm-cart-count{background:#7AC943!important;}