/* Comoros instance theme for the .NET 8 product.
   Re-mapped from the legacy themes/comoros.css onto the new markup.
   Palette: blue #3777c6, yellow #fec816, Open Sans.
   This sheet loads after default-theme.css, so equal specificity wins against the product
   stylesheets; the procedure page's Angular <style> blocks load after it, so those rules
   carry one extra type selector instead of !important. */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/* T1 - body text */
body {
    font-family: "Open Sans", Roboto, sans-serif;
    font-weight: 300;
}

/* T6 - header second row (legacy blue navigation bar) */
.new-header .menu-bar {
    background-color: #3777c6;
}

/* T7 - "Contactez-nous" (common.css paints it black at 0,3,1) */
.new-header .menu-bar .container .content .contact > a {
    color: #fff;
}

/* T8 - banner search submit (same selector as homepage.css, so its black hover still applies) */
.banner-filters-search > div .banner-filters-search-button {
    background-color: #3777c6;
}

/* T3 - tile band: flat blue, yellow rule underneath.
   The border sits on the band, not the tiles: mobile forces .homepage-push { border:0 !important }. */
.homepage-pushes {
    background: #3777c6;
    border-bottom: 5px solid #fec816;
}

/* T4 - tiles, including the "Liens utiles" menu tile */
.homepage-push,
.homepage-push-menu {
    background: #3777c6;
}

/* T10 - tile hover (default-theme hover is 0,3,0; all.css menu hover is 0,2,0) */
.homepage-push.push-link:hover,
.homepage-push-menu:hover {
    background: #fec816;
}

/* T5 - "Voir Plus" buttons in the homepage cards */
.link-footer-item-footer a.transparent-bordered-button {
    background: #3777c6;
    color: #fff;
    border: 0;
}
.link-footer-item-footer a.transparent-bordered-button:hover {
    background: #fec816;
    color: #fff;
}

/* T2 - footer, every page */
#Footer {
    background-color: #fec816;
    color: #333;
}

/* T9 - procedure panel headers ("Étapes", "Résumé de la procédure") and their arrow */
body .panel-header .inner {
    background: #fec816;
}
body .panel-header .inner::before,
body .step-list-container .panel-header > .inner::before {
    border-top-color: #fec816;
}