/*
Theme Name: newsup-child
Template: newsup
Version: 1.0
*/

@import url("../newsup/style.css");

:root {
    --primary-color: #1D2A44 !important;    /* Bleu foncé personnalisé */
    --primary-hover: #002954 !important;    /* Hover bleu encore plus foncé */
    --accent-bg: #FAF8F4 !important;        /* Gris très clair pour fond */
    --accent-color: #C2A356 !important;     /* Doré pour accentuer */
    --signal-color: #7B2E2E !important;     /* Pour éléments de signal (titres, boutons) */
  }
  
  /* === Liens et CTA === */
  a:hover,
  a:focus,
  .mg-latest-news-slider a::before {
    color: var(--accent-color) !important;
  }
  a:hover,
  a:focus {
    color: var(--accent-color) !important;
  }

  .mg-latest-news-slider a span{
    color: var(--primary-color) !important;
  }
  
  /* === Boutons principaux === */
  input[type="submit"],
  input[type="reset"],
  button,
  .btn,
  .btn-theme,
  .more_btn,
  .more-link,
  .wp-block-group h2,
  .bn_title,
  .wp-block-search .wp-block-search__button, .wp-block-search__label {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    border-color: var(--primary-color) !important;
  }
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  button:hover,
  .btn:hover,
  .btn-theme:hover,
  .more_btn:hover,
  .more-link:hover,
  .wp-block-search .wp-block-search__button:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
  }
  
  .bn_title span{
    border-color: transparent transparent transparent var(--primary-color) !important;
  }
  
  /* === Menu actif / hover === */
  .navbar-wp .navbar-nav > li > a:hover,
  .navbar-wp .navbar-nav > li > a:focus,
  .navbar-wp .navbar-nav > .active > a,
  .navbar-wp .navbar-nav > .active > a:hover,
  .navbar-wp .navbar-nav > .active > a:focus,
  .navbar-wp .dropdown-menu > li > a:hover,
  .navbar-wp .dropdown-menu > .active > a {
    background-color: var(--primary-color) !important;
    color: #fff !important;
  }
  
  /* === Search / Top bar === */
  .mg-head-detail .info-left li span.time,
  .mg-search-box .btn,
  .mg-search-modal .mg-search .btn,
  .post-form,
  .mobilehomebtn {
    background-color: var(--primary-color) !important;
    color: #fff !important;
  }
  
  /* === Catégories / Étiquettes === */
  a.newsup-categories.category-color-1,
  .mg-blog-category a,
  .wp-block-tag-cloud a:hover,
  .wp-block-tag-cloud a:focus {
    background-color: var(--primary-color) !important;
    color: #fff !important;
  }
  .wp-block-tag-cloud a {
    color: var(--primary-color) !important;
    background-color: var(--accent-bg) !important;
  }
  
  /* === Sections titres === */
  .mg-sec-title,
  .mg-sec-title h4,
  .mg-sec-title h4::before {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    border-color: var(--primary-color) !important;
  }
  
  /* === Blocs interstitiels (blockquote) === */
  blockquote,
  blockquote.wp-block-quote {
    border-left: 4px solid var(--primary-color) !important;
    background-color: var(--accent-bg) !important;
  }
  blockquote::before,
  blockquote::after {
    color: var(--primary-color) !important;
  }
  
  /* === Pagination active === */
  .navigation.pagination .nav-links .page-numbers.current,
  .navigation.pagination .nav-links .page-numbers:hover,
  .pagination > .active > a,
  .pagination > .active > span,
  .nav-link.active,
  .ta_upscr {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    border-color: var(--primary-color) !important;
  }

  h2:before, .wp-block-search__label::before {
    border-left-color: var(--accent-color) !important;
    border-color: transparent transparent transparent var(--accent-color) !important;
  }

  h2:after, .wp-block-search__label::after {
    background-color: var(--accent-color) !important;
  }

  h4{
    color: #fff !important;
  }

  .navbar-wp{
    background-color: var(--primary-color) !important;
  }

  .mg-latest-news-sec > .container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-top: 15px !important;
  }