/*
===============================================
DATIVO BRANDING OVERRIDE
Loaded AFTER PanelClient/css/styles.css and assets/css/site.css
when accessed via app.dativo.fr

Dativo Color Palette:
  Forest (darkest):  #1A3C34
  Emerald (primary): #2D7A5F
  Tender (light):    #5CB88A
  Dew (background):  #E8F5EC
  Cream:             #FFF8F0
  Terra (accent):    #E8884F

Replaces:
  - RGPD Manager yellow/orange: #f7b500, #d99e00, #ff9500, #f59e0b
  - RGPD Manager dark blue: #0b2239, #122d4a, #1a3a5c
  - All associated rgba() values
===============================================
*/


/* =============================================
   SECTION 1: PANELCLIENT OVERRIDES
   (from PanelClient/css/styles.css)
   ============================================= */

/* ------------------------------------------
   1.1  CSS Custom Properties (Root Variables)
   ------------------------------------------ */
:root {
    --primary: #2D7A5F !important;
    --primary-dark: #1A3C34 !important;
    --secondary: #5CB88A !important;
    --accent-gradient: linear-gradient(135deg, #2D7A5F 0%, #5CB88A 100%) !important;
    --warning: #E8884F !important;
}

/* ------------------------------------------
   1.2  Header: User Menu
   ------------------------------------------ */
.user-menu:hover {
    border-color: var(--primary) !important;
    box-shadow: 0 4px 12px rgba(45, 122, 95, 0.15) !important;
}

.user-avatar {
    box-shadow: 0 2px 8px rgba(45, 122, 95, 0.3) !important;
}

/* ------------------------------------------
   1.3  Sidebar: Active States & Submenu
   ------------------------------------------ */
.sidebar-nav .nav-link.active {
    background: #E8F5EC !important;
    color: var(--primary-dark) !important;
    box-shadow: 0 2px 8px rgba(45, 122, 95, 0.15) !important;
}

.sidebar-nav .nav-link:hover i:first-child {
    color: var(--primary) !important;
}

.sidebar-nav .nav-link.active i:first-child {
    color: var(--primary-dark) !important;
}

/* Submenu container border */
.sidebar-nav .nav-item.has-submenu > .nav {
    border-left-color: var(--primary) !important;
}

/* Submenu item hover */
.sidebar-nav .nav-item.has-submenu .nav .nav-link:hover {
    background: #E8F5EC !important;
    color: var(--primary-dark) !important;
}

.sidebar-nav .nav-item.has-submenu .nav .nav-link:hover i {
    color: var(--primary) !important;
}

/* Submenu item active */
.sidebar-nav .nav-item.has-submenu .nav .nav-link.active {
    background: #d0ebd8 !important;
    color: var(--primary-dark) !important;
}

.sidebar-nav .nav-item.has-submenu .nav .nav-link.active i {
    color: var(--primary-dark) !important;
}

/* ------------------------------------------
   1.4  Cards
   ------------------------------------------ */
.card:hover {
    border-color: rgba(45, 122, 95, 0.2) !important;
}

.card-metric:hover {
    border-color: var(--primary) !important;
}

/* ------------------------------------------
   1.5  Buttons
   ------------------------------------------ */
.btn-primary {
    box-shadow: 0 4px 12px rgba(45, 122, 95, 0.3) !important;
}

.btn-primary:hover {
    box-shadow: 0 8px 20px rgba(45, 122, 95, 0.4) !important;
}

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

/* ------------------------------------------
   1.6  Soft Background Colors (stat icons)
   ------------------------------------------ */
.bg-primary-soft {
    background: rgba(45, 122, 95, 0.12) !important;
    color: var(--primary) !important;
}

.bg-warning-soft {
    background: rgba(232, 136, 79, 0.12) !important;
    color: var(--warning) !important;
}

/* ------------------------------------------
   1.7  Email Table Hover
   ------------------------------------------ */
.email-table tbody tr:hover {
    background: linear-gradient(90deg, rgba(45, 122, 95, 0.04) 0%, transparent 100%) !important;
}

/* ------------------------------------------
   1.8  Action Button Hover (generic)
   ------------------------------------------ */
.action-btn:hover {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    background: rgba(45, 122, 95, 0.08) !important;
}

/* Retry action button uses warning/terra */
.action-btn.btn-retry:hover {
    border-color: var(--warning) !important;
    color: var(--warning) !important;
    background: rgba(232, 136, 79, 0.08) !important;
}

/* ------------------------------------------
   1.9  Filter Pills
   ------------------------------------------ */
.filter-pill:hover {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    background: rgba(45, 122, 95, 0.04) !important;
}

.filter-pill.active {
    box-shadow: 0 4px 12px rgba(45, 122, 95, 0.25) !important;
}

/* ------------------------------------------
   1.10 File Explorer
   ------------------------------------------ */
.file-breadcrumb .breadcrumb-link:hover {
    color: var(--primary) !important;
    background: rgba(45, 122, 95, 0.08) !important;
}

.file-card:hover {
    border-color: var(--primary) !important;
}

.file-card .file-icon.folder {
    color: var(--warning) !important;
}

.file-dropzone {
    border-color: var(--primary) !important;
}

.file-dropzone:hover {
    background: rgba(45, 122, 95, 0.04) !important;
}

.file-dropzone.drag-over {
    background: rgba(45, 122, 95, 0.08) !important;
    border-color: var(--secondary) !important;
}


/* =============================================
   SECTION 2: PUBLIC SITE / AUTH PAGES OVERRIDES
   (from assets/css/site.css)
   ============================================= */

/* ------------------------------------------
   2.1  Site CSS Custom Properties (Root Variables)
   ------------------------------------------ */
:root {
    --primary: #2D7A5F !important;
    --primary-hover: #1A3C34 !important;
    --primary-light: #E8F5EC !important;
    --primary-gradient: linear-gradient(135deg, #2D7A5F 0%, #5CB88A 100%) !important;
    --dark: #1A3C34 !important;
    --dark-hover: #2D7A5F !important;
    --dark-gradient: linear-gradient(135deg, #1A3C34 0%, #2D7A5F 100%) !important;
    --shadow-glow: 0 0 24px rgba(45, 122, 95, 0.35) !important;
    --warning: #E8884F !important;
}

/* ------------------------------------------
   2.2  Animations (keyframe color replacements)
   ------------------------------------------ */
@keyframes pulseGlow {
    0%, 100% { box-shadow: 0 4px 16px rgba(45, 122, 95, 0.3); }
    50% { box-shadow: 0 4px 24px rgba(45, 122, 95, 0.55); }
}

@keyframes pulseRing {
    0% { box-shadow: 0 0 0 0 rgba(45, 122, 95, 0.4); }
    70% { box-shadow: 0 0 0 12px rgba(45, 122, 95, 0); }
    100% { box-shadow: 0 0 0 0 rgba(45, 122, 95, 0); }
}

/* ------------------------------------------
   2.3  Navbar
   ------------------------------------------ */
.navbar-brand .mark-logo {
    box-shadow: 0 4px 12px rgba(45, 122, 95, 0.25) !important;
}

.navbar-brand:hover .mark-logo {
    box-shadow: 0 0 24px rgba(45, 122, 95, 0.35) !important;
}

.navbar-logo {
    filter: drop-shadow(0 2px 6px rgba(45, 122, 95, 0.25)) !important;
}

.navbar-brand:hover .navbar-logo {
    filter: drop-shadow(0 4px 12px rgba(45, 122, 95, 0.4)) !important;
}

/* Navbar action buttons */
.navbar-actions .btn.btn-nav-ghost:hover {
    color: var(--primary) !important;
    background: rgba(45, 122, 95, 0.08) !important;
}

.navbar-actions .btn.btn-nav-cta {
    background: var(--dark) !important;
}

.navbar-actions .btn.btn-nav-cta:hover {
    background: var(--primary) !important;
    box-shadow: 0 3px 10px rgba(45, 122, 95, 0.3) !important;
}

/* ------------------------------------------
   2.4  Buttons (site.css scope)
   ------------------------------------------ */
.btn-primary {
    box-shadow: 0 4px 12px rgba(45, 122, 95, 0.25) !important;
    color: #fff !important;
}

.btn-primary:hover {
    box-shadow: 0 0 24px rgba(45, 122, 95, 0.35) !important;
    color: #fff !important;
}

.btn-dark-custom {
    background: var(--dark-gradient) !important;
}

.btn-dark-custom:hover {
    box-shadow: 0 8px 28px rgba(26, 60, 52, 0.3) !important;
}

/* ------------------------------------------
   2.5  Cards (feature cards, testimonials)
   ------------------------------------------ */
.card-feature {
    background: linear-gradient(180deg, #fff 0%, #FFF8F0 100%) !important;
    border-left-color: var(--primary) !important;
}

.card-feature:hover {
    border-color: var(--primary) !important;
}

.card-feature-v2:hover {
    border-color: rgba(45, 122, 95, 0.3) !important;
}

.card-feature-v2:hover .feature-icon .icon-wrapper {
    box-shadow: 0 0 24px rgba(45, 122, 95, 0.35) !important;
}

.testimonial-card:hover {
    border-color: rgba(45, 122, 95, 0.3) !important;
}

/* ------------------------------------------
   2.6  Hero Section
   ------------------------------------------ */
.hero-section {
    background: linear-gradient(135deg, #ffffff 0%, #E8F5EC 50%, #FFF8F0 100%) !important;
}

.badge-pill-hero {
    border-color: rgba(45, 122, 95, 0.3) !important;
}

/* Hero V2 (dark background) */
.hero-v2 {
    background: linear-gradient(135deg, rgba(26, 60, 52, 0.94) 0%, rgba(45, 122, 95, 0.92) 100%),
                url('/assets/images/hero-security.jpg') center/cover no-repeat !important;
}

/* ------------------------------------------
   2.7  Dashboard Mockup (CSS)
   ------------------------------------------ */
.mockup-header {
    background: var(--dark-gradient) !important;
}

.mockup-sidebar {
    background: var(--dark-gradient) !important;
}

.mockup-sidebar-item.active {
    background: var(--primary-gradient) !important;
}

.mockup-row:nth-child(2) .mockup-row-badge {
    background: rgba(45, 122, 95, 0.2) !important;
}

/* ------------------------------------------
   2.8  Social Proof & Stats
   ------------------------------------------ */
.stat-box:hover {
    border-color: var(--primary) !important;
}

.stat-counter {
    background: var(--primary-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.avatar-circle {
    background: var(--primary-gradient) !important;
}

/* ------------------------------------------
   2.9  Pricing Cards
   ------------------------------------------ */
.card-plan.popular {
    border-color: var(--primary) !important;
    box-shadow: 0 12px 48px rgba(45, 122, 95, 0.2) !important;
}

.popular-badge {
    box-shadow: 0 4px 16px rgba(45, 122, 95, 0.35) !important;
}

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

/* ------------------------------------------
   2.10  CTA Sections
   ------------------------------------------ */
.cta-card {
    background: linear-gradient(135deg, var(--dark) 0%, #2D7A5F 100%) !important;
}

.cta-card::before {
    background: rgba(45, 122, 95, 0.08) !important;
}

.cta-v2 {
    background: linear-gradient(135deg, rgba(26, 60, 52, 0.92) 0%, rgba(45, 122, 95, 0.90) 100%),
                url('/assets/images/cta-bg.jpg') center/cover no-repeat !important;
}

.cta-v2::before {
    background: rgba(92, 184, 138, 0.08) !important;
}

/* ------------------------------------------
   2.11  Forms (focus states)
   ------------------------------------------ */
.form-control:focus,
.form-select:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 4px rgba(45, 122, 95, 0.1) !important;
}

.accordion-button:not(.collapsed) {
    background: var(--primary-light) !important;
}

.accordion-button:focus {
    box-shadow: 0 0 0 3px rgba(45, 122, 95, 0.15) !important;
}

/* ------------------------------------------
   2.12  Section Labels & Headers
   ------------------------------------------ */
.section-label {
    color: var(--primary) !important;
}

.text-gradient {
    background: var(--primary-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

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

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

.bg-primary-custom {
    background: var(--primary) !important;
}

/* ------------------------------------------
   2.13  Footer
   ------------------------------------------ */
.footer-modern::before {
    background: linear-gradient(90deg, transparent, var(--primary), transparent) !important;
}

.footer-links a:hover {
    color: var(--primary) !important;
}

.footer-contact a:hover {
    color: var(--primary) !important;
}

.social-icon:hover {
    background: var(--primary-gradient) !important;
}

.footer-bottom {
    background: var(--dark) !important;
}

/* ------------------------------------------
   2.14  How It Works (Steps)
   ------------------------------------------ */
.step-number {
    background: var(--primary-gradient) !important;
    box-shadow: 0 4px 16px rgba(45, 122, 95, 0.3) !important;
}

.step-connector {
    background: linear-gradient(90deg, var(--primary), var(--border-color)) !important;
}

/* ------------------------------------------
   2.15  Trust Badges
   ------------------------------------------ */
.trust-badge-icon {
    color: var(--primary) !important;
}

.trust-badge-icon:hover {
    box-shadow: 0 0 24px rgba(45, 122, 95, 0.35) !important;
    background: var(--primary-gradient) !important;
}

/* ------------------------------------------
   2.16  Logo Carousel
   ------------------------------------------ */
.logo-carousel-item:hover {
    color: var(--primary) !important;
}

/* ------------------------------------------
   2.17  Testimonials
   ------------------------------------------ */
.testimonial-stars {
    color: var(--primary) !important;
}

/* ------------------------------------------
   2.18  Tarifs badge-accent
   ------------------------------------------ */
.badge-accent {
    background: #E8F5EC !important;
    color: #1A3C34 !important;
}

/* ------------------------------------------
   2.19  Contact Page
   ------------------------------------------ */
.contact-hero {
    background: linear-gradient(160deg, #1A3C34 0%, #245545 40%, #2D7A5F 100%) !important;
}

.contact-hero-decor-1 {
    background: rgba(45, 122, 95, 0.06) !important;
}

.contact-info-card:hover {
    border-color: rgba(45, 122, 95, 0.25) !important;
}

.contact-info-icon {
    color: var(--primary) !important;
}

.contact-info-icon-light {
    background: rgba(45, 122, 95, 0.15) !important;
    color: var(--primary) !important;
}

.contact-info-card-dark {
    background: linear-gradient(160deg, #1A3C34 0%, #2D7A5F 100%) !important;
}

.contact-info-card-dark p {
    color: rgba(255, 255, 255, 0.75) !important;
}

.contact-info-card-dark p a {
    color: #5CB88A !important;
    text-decoration: none;
    font-weight: 600;
}

.contact-info-card-dark p a:hover {
    color: #fff !important;
}

.contact-info-card-dark:hover {
    border-color: rgba(92, 184, 138, 0.35) !important;
}

.btn-card-light {
    color: #1A3C34 !important;
}

.btn-card-light:hover {
    background: #5CB88A !important;
    color: #fff !important;
}

.btn-card-outline:hover {
    background: rgba(92, 184, 138, 0.2) !important;
    border-color: rgba(92, 184, 138, 0.5) !important;
}

.contact-consent a {
    color: var(--primary) !important;
}


/* =============================================
   SECTION 3: LOGIN PAGE OVERRIDES
   ============================================= */

/* ------------------------------------------
   3.1  Login Brand Panel (left side)
   ------------------------------------------ */
.login-brand {
    background: linear-gradient(160deg, #1A3C34 0%, #245545 40%, #2D7A5F 100%) !important;
}

/* ------------------------------------------
   3.2  Login Feature Icons
   ------------------------------------------ */
.login-feature-icon {
    background: rgba(92, 184, 138, 0.15) !important;
    color: #5CB88A !important;
}

/* ------------------------------------------
   3.3  Login Brand Decorative Circles
   ------------------------------------------ */
.login-brand-decor-1 {
    background: rgba(45, 122, 95, 0.06) !important;
}

.login-brand-decor-2 {
    background: rgba(45, 122, 95, 0.04) !important;
}

/* ------------------------------------------
   3.4  Login Input Focus
   ------------------------------------------ */
.login-input:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(45, 122, 95, 0.1) !important;
}

.login-input:focus ~ .login-input-icon,
.login-input-wrap:focus-within .login-input-icon {
    color: var(--primary) !important;
}

/* ------------------------------------------
   3.5  Login Submit Button Hover
   ------------------------------------------ */
.login-submit {
    background: var(--dark) !important;
}

.login-submit:hover {
    background: var(--primary) !important;
    color: #fff !important;
    box-shadow: 0 6px 20px rgba(45, 122, 95, 0.35) !important;
}

/* ------------------------------------------
   3.6  Login Forgot Link
   ------------------------------------------ */
.login-forgot {
    color: var(--primary) !important;
}

.login-forgot:hover {
    color: var(--primary-hover) !important;
}

/* ------------------------------------------
   3.7  Login Checkbox
   ------------------------------------------ */
.login-checkbox input:checked + .login-checkmark {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

/* ------------------------------------------
   3.8  Login Footer Link
   ------------------------------------------ */
.login-footer-link a {
    color: var(--primary) !important;
}

/* ------------------------------------------
   3.9  Login Select
   ------------------------------------------ */
.login-select:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(45, 122, 95, 0.1) !important;
}


/* =============================================
   SECTION 4: AUTH PAGES (shared: signup, forgot, reset, verify)
   ============================================= */

/* ------------------------------------------
   4.1  Auth Hero Background
   ------------------------------------------ */
.auth-hero {
    background: linear-gradient(160deg, #1A3C34 0%, #245545 40%, #2D7A5F 100%) !important;
}

/* ------------------------------------------
   4.2  Signup Hero Background
   ------------------------------------------ */
.signup-hero {
    background: linear-gradient(160deg, #1A3C34 0%, #245545 40%, #2D7A5F 100%) !important;
}

/* ------------------------------------------
   4.3  Auth Link Button
   ------------------------------------------ */
.auth-link-btn {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.auth-link-btn:hover {
    background: var(--primary) !important;
    color: #fff !important;
}

/* ------------------------------------------
   4.4  Signup Legal Button
   ------------------------------------------ */
.signup-legal-btn {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

.signup-legal-btn:hover {
    background: var(--primary) !important;
    color: #fff !important;
}

/* ------------------------------------------
   4.5  Email Providers Links
   ------------------------------------------ */
.email-providers a:hover {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

/* ------------------------------------------
   4.6  Typing Cursor & Word (hero animation)
   ------------------------------------------ */
.typing-cursor {
    background: var(--primary) !important;
}

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

/* ------------------------------------------
   4.7  Hero V2 trust items
   ------------------------------------------ */
.hero-v2 .trust-item i {
    color: #5CB88A !important;
}


/* =============================================
   SECTION 5: TARTEAUCITRON COOKIE BANNER OVERRIDES
   ============================================= */

#tarteaucitronAlertBig {
    background: var(--dark) !important;
}

#tarteaucitronPersonalize,
#tarteaucitronAllAllowed {
    background: var(--primary) !important;
    color: #fff !important;
}


/* =============================================
   SECTION 6: MISCELLANEOUS / UTILITY OVERRIDES
   ============================================= */

/* Nav link hover & active underline */
.nav-link:hover {
    color: var(--primary) !important;
}

/* Mockup bars using primary color */
.mockup-bar:nth-child(3) {
    background: var(--primary) !important;
}
.mockup-bar:nth-child(5) {
    background: var(--primary) !important;
}
.mockup-bar:nth-child(7) {
    background: var(--primary) !important;
}

/* Auth icon default (yellowish replaced with dew/tender tones) */
.auth-icon-default {
    background: linear-gradient(135deg, #E8F5EC 0%, #d0ebd8 100%) !important;
    color: #1A3C34 !important;
}

/* Auth icon warning */
.auth-icon-warning {
    background: linear-gradient(135deg, #FFF8F0 0%, #f5dcc5 100%) !important;
    color: #9a5b2a !important;
}