/* 
 * Purple Harmony Theme - PLANETE HEBERG
 * Version 1.0
 * Template adapté pour correspondre au site vitrine PLANETE HEBERG
 */

:root {
    /* Couleurs principales */
    --primary-color: #8e44ad; /* Violet principal */
    --primary-dark: #7d3c98; /* Violet plus foncé */
    --primary-light: #a569bd; /* Violet plus clair */
    
    /* Couleurs secondaires */
    --secondary-dark: #17191c; /* Noir foncé pour header/footer */
    --secondary-darker: #0f1112; /* Noir très foncé */
    
    /* Couleurs d'accent */
    --accent-color: #3498db; /* Bleu d'accent */
    --accent-success: #2ecc71; /* Vert pour succès */
    --accent-warning: #f39c12; /* Orange pour avertissement */
    --accent-danger: #e74c3c; /* Rouge pour danger */
    
    /* Couleurs texte */
    --text-light: #ffffff; /* Texte clair */
    --text-muted: #b3b3b3; /* Texte atténué */
    --text-dark: #333333; /* Texte foncé */
    
    /* Couleurs arrière-plan */
    --bg-light: #f5f5f5; /* Arrière-plan clair */
    --bg-white: #ffffff; /* Blanc */
}

/* Styles généraux */
body {
    font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

a {
    color: var(--primary-color);
    text-decoration: none;
}

a:hover {
    color: var(--primary-dark);
    text-decoration: none;
}

header.header .navbar a{
    color: #FFF;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

/* Header & Navigation */
header.header .topbar {
    background-color: var(--secondary-dark);
    border-bottom: 1px solid var(--secondary-darker);
    padding: 5px 0;
}

header.header .navbar.navbar-light {
    background: linear-gradient(to left, #581c87, #6b21a8);
    border-bottom: none;
    padding: 0.7rem 0;
}

header.header .main-navbar-wrapper {
    background: linear-gradient(to left, #581c87, #6b21a8);
    padding: 0;
}

.not-login-20i-header, .login-20i-header {
    background-color: var(--secondary-dark);
}

header.header .logo-img {
    max-height: 45px;
}

header.header .navbar-brand {
    color: var(--text-light) !important;
}

/* Navigation Links */
header.header .main-navbar-wrapper .navbar-nav a {
    color: var(--text-light);
    font-weight: 500;
    transition: all 0.3s ease;
}

header.header .main-navbar-wrapper .navbar-nav a:hover {
    color: var(--primary-light);
}

header.header .main-navbar-wrapper .navbar-nav a::before {
    background-color: var(--primary-light);
}

/* Dropdown Menus */

.dropdown-menu{
    background-color: #242424;
}

header.header .main-navbar-wrapper .navbar-nav ul.dropdown-menu {
    background-color: var(--secondary-dark);
    border: 1px solid var(--secondary-darker);
}

header.header .main-navbar-wrapper .navbar-nav ul.dropdown-menu li:hover {
    background-color: var(--secondary-darker);
}

header.header .main-navbar-wrapper .navbar-nav ul.dropdown-menu li a {
    color: var(--text-light);
}

/* Notifications */
div#carousel-20i-notification .carousel-item a {
    color: var(--text-light);
}

div#carousel-20i-notification .carousel-item a span {
    color: var(--text-muted);
}

/* Buttons */
header.header a.login-btn-20i, 
header.header a.register-btn-20i {
    background-color: #242424;
    color: var(--text-light);
    border: 1px solid var(--primary-dark);
    transition: all 0.3s ease;
}

header.header a.login-btn-20i:hover, 
header.header a.register-btn-20i:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-light);
}

/* Cart & Search */
header.header .toolbar .nav-link {
    color: var(--text-light);
}

header.header .toolbar .nav-link:hover {
    color: var(--primary-light);
}

header.header .toolbar .nav-link .badge {
    background-color: var(--accent-success);
}

/* Search Form */
.form-knowldegbase-20i .input-group-prepend .btn {
    background-color: var(--primary-color);
    color: var(--text-light);
    border-color: var(--primary-color);
}

.form-knowldegbase-20i .form-control {
    border-color: var(--primary-color);
}

/* Footer */
footer#footer {
    background-image: url('https://www.planeteheberg.com/content/uploads/2025/01/footer-overlay.png');
    color: var(--text-light);
    padding: 40px 0;
    border-top: 1px solid var(--secondary-darker);
}

footer#footer a {
    color: var(--text-light);
}

footer#footer a:hover {
    color: var(--primary-light);
}

footer#footer .copyright {
    color: var(--text-muted);
}

#footer .list-inline.float-lg-right {
    border-bottom: 1px solid var(--primary-dark);
}

#footer .list-inline.float-lg-right .list-inline-item a.btn {
    background-color: var(--text-light);
    color: var(--primary-color);
}

#footer .list-inline.float-lg-right .list-inline-item a.btn:hover {
    background-color: var(--primary-color);
    color: var(--text-light);
}

/* Main Body & Content */
body.primary-bg-color, section#main-body {
    background-color: var(--bg-light);
}

.body-background-20i {
    background-color: var(--bg-light);
}

/* Cards & Panels */
.card {
    border-radius: 4px;
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.card-header {
    background-color: var(--bg-white);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.card-accent-purple {
    border-top: 3px solid var(--primary-color);
}

/* Home Page Elements */
.fast-hosting-theme-section {
    background-color: var(--primary-color);
    color: var(--text-light);
    padding: 60px 0;
}

.fast-hosting-theme-title {
    color: var(--text-light);
    font-weight: 700;
}

.fast-hosting-theme-text {
    color: var(--text-muted);
}

.get-strated-btn {
    background-color: var(--text-light);
    color: var(--primary-color);
    font-weight: 600;
    padding: 10px 25px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.get-strated-btn:hover {
    background-color: var(--primary-dark);
    color: var(--text-light);
}

/* Help Elements */
.help-elements .card-accent-teal,
.help-elements .card-accent-pomegranate,
.help-elements .card-accent-sun-flower,
.help-elements .card-accent-asbestos,
.help-elements .card-accent-green {
    background-color: var(--bg-white);
    transition: all 0.3s ease;
    border-top: 3px solid var(--primary-color);
}

.help-elements .card-accent-teal:hover,
.help-elements .card-accent-pomegranate:hover,
.help-elements .card-accent-sun-flower:hover,
.help-elements .card-accent-asbestos:hover,
.help-elements .card-accent-green:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.help-elements .ico-container {
    color: var(--primary-color);
}

/* Domain Search */
.home-domain-search {
    background-color: var(--secondary-dark);
    color: var(--text-light);
}

.home-domain-search .btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.home-domain-search .btn-primary:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

/* Client Area */
.client-home-cards .card {
    border-top: 3px solid var(--primary-color);
}

.client-home-cards .card-header {
    border-bottom: none;
}

.client-home-cards .list-group .list-group-item .text-domain, 
.client-home-cards .card-body p a {
    color: var(--primary-color);
}

.client-home-cards .list-group .list-group-item .label-success, 
.dataTables_wrapper .status-active {
    background-color: rgba(46, 204, 113, 0.2);
    color: var(--accent-success);
}

/* Tables */
.dataTables_wrapper table.table-list thead th {
    background-color: var(--bg-white);
    color: var(--text-dark);
    border-bottom: 2px solid var(--primary-color);
}

.dataTables_wrapper table.table-list tbody td {
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* Status Colors */
.label.status-active {
    background-color: var(--accent-success);
}

.label.status-pending {
    background-color: var(--accent-warning);
}

.label.status-suspended {
    background-color: var(--accent-danger);
}

/* Breadcrumbs */
.master-breadcrumb {
    background-color: var(--bg-white);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.master-breadcrumb .breadcrumb {
    background-color: transparent;
}

.master-breadcrumb .breadcrumb-item a {
    color: var(--primary-color);
}

/* Media Queries */
@media (max-width: 991px) {
    header.header .navbar.navbar-light.mobile-bar {
        display: block;
        background-color: var(--primary-color);
    }
    
    header.header .navbar.navbar-light.mobile-bar .navbar-brand {
        color: var(--text-light);
    }
    
    header.header .toolbar .nav-link {
        padding: 0.5rem;
    }
}

/* Mode sombre pour WHMCS */
.panel-sidebar .panel-heading {
    background-color: var(--primary-color);
}

.panel-sidebar .list-group-item {
    border-color: rgba(0,0,0,0.05);
}

.panel-sidebar .list-group-item.active {
    background-color: var(--primary-light);
    border-color: var(--primary-light);
}