/* ---- TyCloud Vert : #72b763 ---- */

/* 1. Barres de navigation principales (Accueil ET Panier) */
#main-menu, 
.navbar-main, 
section#main-menu, 
.navbar.navbar-default {
    background-color: #72b763 !important;
    border-color: #72b763 !important;
    background-image: none !important;
}

.navbar-main .navbar-nav > li > a, 
#main-menu .navbar-nav > li > a {
    color: #ffffff !important;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus,
#main-menu .navbar-nav > li > a:hover {
    background-color: #528f46 !important; 
    color: #ffffff !important;
}

/* 2. Menu latéral de la boutique (Categories / Actions) */
.list-group-item.active, 
.list-group-item.active:hover, 
.list-group-item.active:focus {
    background-color: #72b763 !important;
    border-color: #72b763 !important;
}

/* 3. Titres et éléments du panier */
.cart-header, 
.view-cart-items-header {
    background-color: #72b763 !important;
    color: #ffffff !important;
}
.cart-title {
    color: #72b763 !important;
}

/* 4. Le bouton "View Cart" et autres boutons (Login, Register...) */
.top-nav .btn, 
.btn-action, 
.btn-primary, 
.btn-success {
    background-color: #72b763 !important;
    border-color: #528f46 !important;
    color: #ffffff !important;
}

.top-nav .btn:hover, 
.btn-action:hover, 
.btn-primary:hover, 
.btn-success:hover {
    background-color: #528f46 !important;
    border-color: #528f46 !important;
}

/* 5. La grande bannière centrale (Accueil) */
section#home-banner {
    background-color: #72b763 !important;
}

/* 6. La barre de raccourcis sous la bannière */
.home-shortcuts {
    background-color: #62a354 !important;
}
.home-shortcuts ul li {
    border-left: 1px solid #72b763 !important;
}
.home-shortcuts ul li:hover,
.home-shortcuts ul li a:hover {
    background-color: #528f46 !important;
}

/* 7. Entêtes des panneaux et bordures générales */
.panel-primary > .panel-heading {
    background-color: #72b763 !important;
    border-color: #72b763 !important;
}
section#header {
    border-top: 3px solid #72b763 !important;
}

/* 8. Liens textuels */
a {
    color: #72b763;
}
a:hover {
    color: #528f46;
}