/* =============================================
   SYNAPSETDAH.FR — Design Pro v3
   Chargé via mu-plugin, priorité maximale
   ============================================= */

/* ─── Variables ─── */
:root {
  --syn-primary:   #5B5EA6;
  --syn-hover:     #4a4d8f;
  --syn-accent:    #F4845F;
  --syn-accent-h:  #e06d47;
  --syn-text:      #2D3748;
  --syn-muted:     #718096;
  --syn-bg:        #F7F8FF;
  --syn-surface:   #FFFFFF;
  --syn-border:    #E2E8F0;
  --syn-radius:    10px;
  --syn-shadow:    0 2px 16px rgba(91,94,166,0.10);
}

/* ─── Astra variables override ─── */
:root {
  --ast-global-color-0: #5B5EA6 !important;
  --ast-global-color-1: #4a4d8f !important;
  --ast-global-color-2: #2D3748 !important;
  --ast-global-color-3: #4A5568 !important;
  --ast-global-color-4: #F7F8FF !important;
  --ast-global-color-6: #EEF0FF !important;
  --ast-global-color-7: #E8EAFF !important;
}

/* ─── Body ─── */
body {
  background-color: #F7F8FF !important;
  color: #2D3748 !important;
}

/* ─── Header ─── */
#masthead,
.site-header,
.ast-primary-header-bar,
.ast-header-break-point .site-header {
  background-color: #ffffff !important;
  border-bottom: 2px solid #E2E8F0 !important;
  box-shadow: 0 2px 12px rgba(91,94,166,0.08) !important;
}

/* ─── Logo / Site title ─── */
.site-title a,
.ast-site-identity .site-title a {
  color: #1A1A2E !important;
}

/* ─── Navigation ─── */
.main-header-menu > .menu-item > .menu-link,
.ast-builder-menu-1 .main-header-menu .menu-link,
#ast-fixed-header .main-header-menu .menu-link {
  color: #2D3748 !important;
  font-weight: 500 !important;
}

.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu > .menu-item.current-menu-item > .menu-link,
.main-header-menu > .menu-item.current_page_item > .menu-link {
  color: #5B5EA6 !important;
}

/* ─── Liens ─── */
a { color: #5B5EA6 !important; }
a:hover, a:focus { color: #4a4d8f !important; }

.entry-title a,
.ast-blog-single-element .entry-title a {
  color: #1A1A2E !important;
}
.entry-title a:hover { color: #5B5EA6 !important; }

/* ─── Titres ─── */
h1, h2, h3, h4, h5, h6,
.entry-title {
  color: #1A1A2E !important;
  line-height: 1.35 !important;
}

/* ─── Boutons ─── */
.ast-button,
.ast-custom-button,
.wp-block-button__link,
.wp-element-button,
.button,
button:not(.search-submit):not(.menu-toggle),
input[type="submit"],
.woocommerce-button,
.ast-header-button-1 .ast-custom-button {
  background-color: #F4845F !important;
  color: #ffffff !important;
  border-color: #F4845F !important;
  border-radius: 10px !important;
  padding: 11px 26px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(244,132,95,0.28) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.ast-button:hover,
.ast-custom-button:hover,
.wp-block-button__link:hover,
button:not(.search-submit):not(.menu-toggle):hover,
input[type="submit"]:hover {
  background-color: #e06d47 !important;
  color: #ffffff !important;
  border-color: #e06d47 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(244,132,95,0.38) !important;
}

/* ─── Articles / Cards ─── */
.ast-article-post,
.ast-grid-post,
article.post,
.elementor-post__card {
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 16px rgba(91,94,166,0.10) !important;
  border: 1px solid #E2E8F0 !important;
  transition: transform 0.25s, box-shadow 0.25s !important;
  overflow: hidden !important;
}

.ast-article-post:hover,
article.post:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 28px rgba(91,94,166,0.16) !important;
}

/* ─── Contenu article ─── */
.entry-content {
  font-size: 1.05rem !important;
  line-height: 1.85 !important;
  color: #2D3748 !important;
}

.entry-content h2 {
  border-left: 4px solid #5B5EA6 !important;
  padding-left: 14px !important;
  margin-top: 2.5rem !important;
  color: #1A1A2E !important;
}

.entry-content h3 { color: #3D4066 !important; }

.entry-content blockquote,
.wp-block-quote {
  border-left: 4px solid #5B5EA6 !important;
  background: #EEF0FF !important;
  padding: 1.2rem 1.5rem !important;
  border-radius: 0 10px 10px 0 !important;
  color: #3D4066 !important;
}

/* ─── Meta (date, auteur) ─── */
.entry-meta,
.entry-meta *,
.ast-post-meta,
.ast-post-meta * {
  color: #718096 !important;
  font-size: 0.85rem !important;
}

/* ─── Tags ─── */
.ast-tags-list a,
.tags-links a,
.entry-footer .tags-links a {
  background: #EEF0FF !important;
  color: #5B5EA6 !important;
  padding: 3px 12px !important;
  border-radius: 20px !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin: 2px !important;
  transition: all 0.2s !important;
}

.ast-tags-list a:hover,
.tags-links a:hover {
  background: #5B5EA6 !important;
  color: #ffffff !important;
}

/* ─── Sidebar ─── */
#secondary .widget,
.widget-area .widget {
  background: #ffffff !important;
  border-radius: 10px !important;
  padding: 1.5rem !important;
  margin-bottom: 1.5rem !important;
  box-shadow: 0 2px 16px rgba(91,94,166,0.08) !important;
  border: 1px solid #E2E8F0 !important;
}

#secondary .widget-title,
.widget-area .widget-title {
  color: #1A1A2E !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 2px solid #5B5EA6 !important;
  margin-bottom: 1rem !important;
}

/* ─── Footer ─── */
#colophon,
.site-footer,
.ast-small-footer,
.site-primary-footer-wrap,
.site-below-footer-wrap {
  background-color: #1A1A2E !important;
  color: #CBD5E0 !important;
  border-top: 3px solid #5B5EA6 !important;
}

.site-footer a,
.ast-small-footer a,
.footer-nav-wrap a,
#colophon a {
  color: #A0AEC0 !important;
  transition: color 0.2s !important;
}

.site-footer a:hover,
.footer-nav-wrap a:hover {
  color: #F4845F !important;
}

.ast-small-footer,
.ast-footer-copyright {
  background-color: #13132a !important;
  color: #718096 !important;
  border-top: 1px solid #2D3748 !important;
}

/* ─── Formulaires ─── */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
select {
  border: 1.5px solid #CBD5E0 !important;
  border-radius: 8px !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  border-color: #5B5EA6 !important;
  box-shadow: 0 0 0 3px rgba(91,94,166,0.15) !important;
  outline: none !important;
}

/* ─── Mobile ─── */
@media (max-width: 921px) {
  .ast-mobile-popup-drawer,
  .ast-mobile-popup-inner {
    background: #ffffff !important;
  }
  .ast-mobile-popup-drawer .menu-item .menu-link {
    color: #2D3748 !important;
    border-bottom: 1px solid #E2E8F0 !important;
    padding: 12px 16px !important;
  }
  .ast-mobile-popup-drawer .menu-item .menu-link:hover {
    color: #5B5EA6 !important;
    background: #F0F2FF !important;
  }
}