/*
Theme Name: CGTCA
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.12.4.1773335677
Updated: 2026-03-12 18:14:37

*/
/* ================================================
   CGTCA — Centre de Gestion et de Traitement
   des Capitaux et Actifs
   Thème enfant — CSS personnalisé
   ================================================ */

/* ------------------------------------------------
   1. SLOGAN EN DORÉ
   ------------------------------------------------ */
.site-description {
    color: #C9A84C !important;
    font-size: 13px;
    font-style: italic;
    letter-spacing: 0.5px;
}

/* ------------------------------------------------
   2. TYPOGRAPHIE NAVIGATION
   ------------------------------------------------ */
.main-header-menu a,
.main-navigation a {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0.3px;
}

/* ------------------------------------------------
   3. EFFETS HOVER MENU
   ------------------------------------------------ */
.main-header-menu a:hover,
.main-navigation a:hover {
    color: #C9A84C !important;
    transition: color 0.2s ease;
}

/* Indicateur actif sous le lien de menu actif */
.main-header-menu .current-menu-item > a,
.main-navigation .current-menu-item > a {
    color: #C9A84C !important;
    border-bottom: 2px solid #C9A84C;
    padding-bottom: 2px;
}

/* ------------------------------------------------
   4. STYLE DES LIENS
   ------------------------------------------------ */
a {
    color: #C9A84C;
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: #0A1628;
    text-decoration: underline;
}

/* ------------------------------------------------
   5. TITRES — FINITIONS
   ------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Merriweather', serif !important;
    color: #0A1628;
    line-height: 1.3;
}

h1 { font-size: 36px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

/* ------------------------------------------------
   6. CORPS DU TEXTE
   ------------------------------------------------ */
body,
p {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px;
    line-height: 1.7;
    color: #2D2D2D;
}

/* ------------------------------------------------
   7. BOUTONS — FINITIONS & HOVER
   ------------------------------------------------ */
.ast-button,
.button,
button,
input[type="submit"] {
    background-color: #C9A84C !important;
    color: #FFFFFF !important;
    border: 2px solid #C9A84C !important;
    border-radius: 4px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    padding: 10px 24px !important;
    transition: all 0.2s ease !important;
}

.ast-button:hover,
.button:hover,
button:hover,
input[type="submit"]:hover {
    background-color: #0A1628 !important;
    border-color: #0A1628 !important;
    color: #FFFFFF !important;
}

/* ------------------------------------------------
   8. ARTICLES — STYLE FINANCE
   ------------------------------------------------ */

/* Carte article */
.ast-article-post,
.post {
    border-bottom: 1px solid #E2E8F0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

/* Badge catégorie */
.ast-blog-single-element.ast-read-progress,
.cat-links a {
    background-color: #0A1628;
    color: #C9A84C !important;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Date de publication */
.posted-on,
.entry-date {
    color: #888888;
    font-size: 13px;
}

/* ------------------------------------------------
   9. SIDEBAR — WIDGETS FINANCE
   ------------------------------------------------ */
.widget-title {
    font-family: 'Merriweather', serif !important;
    font-size: 16px !important;
    color: #0A1628 !important;
    border-left: 4px solid #C9A84C;
    padding-left: 12px;
    margin-bottom: 16px;
}

/* ------------------------------------------------
   10. FOOTER
   ------------------------------------------------ */
.site-footer,
#colophon {
    background-color: #0A1628 !important;
    color: #FFFFFF !important;
    padding: 40px 0 20px;
}

.site-footer a,
#colophon a {
    color: #C9A84C !important;
}

.site-footer a:hover,
#colophon a:hover {
    color: #FFFFFF !important;
}

/* ------------------------------------------------
   11. RESPONSIVE MOBILE
   ------------------------------------------------ */
@media (max-width: 768px) {
    h1 { font-size: 26px; }
    h2 { font-size: 22px; }
    h3 { font-size: 18px; }

    body, p {
        font-size: 15px;
    }
}

/* ------------------------------------------------
   12. INDICATEURS FINANCIERS (classes custom)
   ------------------------------------------------ */

/* Valeur positive (hausse) */
.finance-positive {
    color: #00C896;
    font-weight: 700;
}

/* Valeur négative (baisse) */
.finance-negative {
    color: #E53E3E;
    font-weight: 700;
}

/* Badge "Recommandé" */
.badge-recommande {
    background-color: #C9A84C;
    color: #FFFFFF;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

/* Badge "Nouveau" */
.badge-nouveau {
    background-color: #00C896;
    color: #FFFFFF;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

/* Boîte d'avertissement légal (obligatoire finance) */
.avertissement-legal {
    background-color: #FFF8E7;
    border-left: 4px solid #C9A84C;
    padding: 16px 20px;
    margin: 24px 0;
    font-size: 13px;
    color: #555555;
    border-radius: 0 4px 4px 0;
}