#ft-floating-toolbar, 
div#ft-floating-toolbar, 
[id="ft-floating-toolbar"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
}




/* =====================================================
   1. FUNDAMENT & VARIABILE
   ===================================================== */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&family=Roboto:wght@400;500;700&display=swap');

:root {
    --bg-dark:#1D282A;
    --bs-font-sans-serif: 'Roboto', sans-serif;
    --bs-light:#F0F0F0;
    --bs-primary:#7DC3C9;
    --bs-secondary:#5A6A6D;
    --bs-success:#4C7E55;
    --bs-info:#5C9EAD;
    --bs-warning:#D1A15E;
    --bs-danger:#E64841;
    --bs-light:#F8F9FA;
    --bs-dark:#111819;

    --bg-main-page: #1D282A;
    --text-on-light: #212529;
    --text-muted: #A1A2A4;
}

/* =====================================================
   2. BODY & WRAPPER
   ===================================================== */
body {
    background-color: #000000 !important;
    color: var(--text-light);
    font-family: var(--bs-font-sans-serif);
    margin:0;
    padding:10px;
	
}
@media (max-width: 767.98px) {
    /* ADĂUGARE NOUĂ: Eliminare padding body pe mobil */
    body {
        padding: 0px !important;
}}
.container-fluid.min-vh-100.bg-dark {
    border-radius:30px !important;
    box-shadow:0 0 50px rgba(0,0,0,0.8) !important;
    overflow:hidden;
    margin-top:10px;
    margin-bottom:10px;
    border:2px solid rgba(255,255,255,0.05);
}
@media (max-width: 767.98px) {
    /* ADĂUGARE NOUĂ: Eliminare padding body pe mobil */
    .container-fluid.min-vh-100.bg-dark {
        padding: 0px !important;
}}
/* =====================================================
   3. TYPOGRAPHY & BUTTONS
   ===================================================== */
.text-custom-style {
    color: darkred;
    font-size: 1.1em;
    font-weight: bold;
    border-left:3px solid darkred;
    padding-left:10px;
}

.btn-warning {
    border-radius:20px;
}


/* =====================================================
   5. CAROUSEL
   ===================================================== */

.carousel { 
    margin-bottom: 1rem; 
    background-color: #000; /* Fundal negru pentru încărcare lentă a imaginii */
    position: relative;
}

/* 1. Container slide */
.carousel-item { 
    height: 32rem;          /* Desktop */
    overflow: hidden;       /* Taie tot ce depășește înălțimea */
    position: relative;
}
.carousel-caption p {
    color: #FFFFFF; /* RGB(51,51,51) - de două ori mai închis decât #666666 */
	font-weight: 600 !important;
}



/* 2. Imaginea slide-ului */
.carousel-item img {
    width: 100% !important;
    height: 100% !important;   /* Ocupă tot containerul */
    object-fit: cover !important; /* Umple containerul fără deformare */
    object-position: center;     /* Păstrează centrul vizibil */
}

/* 3. Caption */
carousel-caption {
    bottom: 3rem;
    left: 10%;
    right: 10%;
    z-index: 10;
    color: #666666; /* Modificat din #CCCCCC */
    text-shadow: 1px 1px 2px rgba(0,0,0,1); /* Modificat din 0.7 la 1 (maximul posibil) */
}

/* Titlu */
.carousel-caption h1 {
    font-family: 'Oswald', sans-serif;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
    margin-bottom: 0.5rem;
}

/* Text descriere */
.carousel-caption p {
    font-family: 'Roboto', sans-serif;
}

/* =============================== */
/* TABLET - max-width: 991.98px    */
/* =============================== */
@media (max-width: 991.98px) { 
    .carousel-item { 
        height: 25rem;           /* Slide mai mic pe tablet */
    }
    .carousel-caption {
        bottom: 2.5rem;
        left: 5%;
        right: 5%;
        text-align: center;
    }
    .carousel-caption h1 { font-size: 1.75rem; }
    .carousel-caption p { font-size: 1.40rem; }
}

/* =============================== */
/* MOBILE - max-width: 575.98px    */
/* =============================== */
@media (max-width: 575.98px) { 
    .carousel-item { 
        height: 18rem;           /* FIX pentru a nu împinge hamburger-ul */
    } 
    
    .carousel-item img {
        height: 18rem !important; /* imagine exact ca containerul */
    }

    .carousel-caption {
        bottom: 2rem;           /* Ridicăm textul puțin */
        left: 5%;
        right: 5%;
        text-align: center;
        padding: 0.5rem 1rem;
    }
    
    .carousel-caption h1 { font-size: 1.25rem; line-height: 1.2; }
    .carousel-caption p { font-size: 0.75rem; line-height: 1.1; }
}

/* =====================================================
   6. FEATURETTES
   ===================================================== */
.featurette-heading { font-size:50px; }
@media (min-width:62em) { .featurette-heading { margin-top:7rem; } }

/* =====================================================
   7. CONTENT BOX
   ===================================================== */
.content {
    background-color:#f8f9fa !important;
    color:var(--text-dark) !important;
    padding:25px;
    border-radius:12px;
    border-left:4px solid var(--bg-dark);
}
@media (max-width: 767.98px) {
    /* ADĂUGARE NOUĂ: Eliminare padding body pe mobil */
    .content {
        padding: 7px !important;
}}
.content h1, .content h2, .content h3 {
    font-family:'Oswald', sans-serif;
    color:var(--bg-dark) !important;
    border-bottom:2px solid var(--accent-red);
    padding-bottom:10px;
}

.content p, .content li, .content span { color:var(--text-dark) !important; line-height:1.6; }

.content blockquote {
    font-style:italic;
    border-left:5px solid var(--accent-red);
    padding:15px;
    background:#e9ecef;
    margin-top:30px;
    color:var(--text-dark) !important;
}

/* =====================================================
   8. TESTING / QUIZ
   ===================================================== */
#testing { padding:3rem 0; }

.situation-box {
    background-color:#e9ecef;
    border-left:5px solid var(--accent-teal) !important;
    color:var(--text-dark);
    padding:20px;
}

.answer-group-flex { display:flex; flex-direction:column; height:100%; }

.answer-card {
    background-color:var(--white);
    color:var(--text-dark);
    border:1px solid #dee2e6;
    transition:all 0.2s ease-in-out;
    cursor:pointer;
    margin-bottom:10px;
    padding:15px;
}

.answer-card:hover { background-color:#f1f8e9; border-color:var(--accent-teal) !important; }

.form-check-input:checked { border-color:var(--accent-red); background-color:var(--accent-red); }
.form-check-input:checked ~ .form-check-label { font-weight:bold; color:var(--accent-red-dark); }

/* =====================================================
   9. LEGAL
   ===================================================== */
.legal-notice-box {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:15px;
    line-height:1.6;
    color:#202124;
    background-color:#ffffff;
    border:1px solid #e0e0e0;
    padding:40px;
    margin:25px 0;
    text-align:left;
    border-radius:0;
    box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.legal-notice-box h2 {
    font-size:24px;
    font-weight:700;
    text-transform:none;
    text-align:left;
    border-bottom:4px solid #bb1919;
    padding-bottom:8px;
    margin-bottom:25px;
    color:#000;
    letter-spacing:-0.5px;
}

.legal-notice-box h3 {
    font-size:18px;
    font-weight:700;
    margin-top:30px;
    margin-bottom:12px;
    text-decoration:none;
    color:#000;
}

.legal-notice-box p { margin-bottom:15px; padding-left:0; }

.legal-notice-box .sub-item {
    display:block;
    margin-left:20px;
    margin-bottom:10px;
    position:relative;
    font-weight:500;
}

.legal-notice-box .sub-item::before {
    content:"";
    position:absolute;
    left:-20px;
    top:11px;
    width:10px;
    height:1px;
    background-color:#bb1919;
}

.legal-notice-box input[type="checkbox"] {
    margin-right:10px;
    transform:scale(1.2);
    cursor:pointer;
}

/* =====================================================
   10. FOOTER
   ===================================================== */
/* Stiluri specifice footer adaptat */
    .footer-style-adapted {
        /* Linia gri deasupra: 2px grosime, solid, #A1A2A4 */
        border-top: 2px solid #A1A2A4;
        
        /* Distanța de 10px deasupra liniei */
        margin-top: 10px !important;
        
        /* Distanța de 10px sub footer */
        margin-bottom: 10px !important;
    }

    .footer-style-adapted .text-body-secondary,
    .footer-style-adapted .nav-link {
        color: #A1A2A4 !important; /* gri neutru */
        transition: color 0.2s ease-in-out;
    }

    /* Hover pe linkuri */
    .footer-style-adapted .nav-link:hover {
        color: #F8F9FA !important; /* aproape alb */
        opacity: 1 !important;      /* opacitate completă */
    }
/* =============================== */
/* Linii de separare articole / content */
/* =============================== */

/* Heading principal în content */
.content h1 {
    border-bottom: 2px solid #E64841 !important; /* roșu ca în meniu */
}

/* Subheading (h2, h3) dacă au linie */
.content h2, 
.content h3 {
    border-bottom: 2px solid #E64841 !important; /* roșu ca în meniu */
}

/* Boxuri de situație (quiz/test) */
.situation-box {
    border-left: 5px solid #E64841 !important; /* schimbat de la gri/cyan la roșu meniu */
}

/* Answer cards (dacă vrei accent roșu pe hover sau border-left) */
.answer-card {
    border-left: 4px solid #E64841 !important; /* opțional, pentru accent */
}

/* Blockquote (dacă există linie) */
.content blockquote {
    border-left: 5px solid #E64841 !important;
}





   /*ELEMENTE CATEGORY PENTRU ULTIMELE ARTICOLE*/
  
    /* DINAMISM ON MOUSE OVER PENTRU ANALIZE */
    .card-article-full { 
        display: block; 
        transition: transform 0.3s ease; 
    }
    
    .card-article-full:hover { 
        transform: translateX(10px); /* Deplasare la dreapta */
    }

    .card-article-full:hover .card { 
        background-color: #ffffff !important; 
        box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important; 
    }

    .card-article-full:hover h6 { 
        color: #E64841 !important; /* Schimbare culoare titlu */
    }

    /* Ajustări Mobile */
    @media (max-width: 768px) {
        .card-article-full .card { height: auto !important; min-height: 100px; }
        .card-article-full h6 { font-size: 0.95rem !important; }
        .card-article-full .flex-shrink-0 { width: 80px !important; min-width: 80px !important; }
    }

	
	
	/*last articles.php*/

    .card-hover-effect { transition: all 0.3s ease; }
    .card-hover-effect:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.3) !important; filter: brightness(1.1); }
    
    .card-article-full .card { transition: background-color 0.2s; }
    .card-article-full:hover .card { background-color: #f1f8e9 !important; }
    .card-article-full:hover h6 { color: #E64841 !important; }



    /* carduri primele2 la index  Stiluri pentru interactivitate si tranzitii */
    /* DINAMISM ON MOUSE OVER - REINSTAURAT */
    .card-auth-xl { 
        display: block; 
        transition: transform 0.3s ease; 
    }
    .card-auth-xl:hover { 
        transform: translateX(10px); 
    }
    .card-auth-xl:hover .card { 
        background-color: #ffffff !important; 
        box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; 
    }
    .card-auth-xl:hover h2 { 
        color: #E64841 !important; 
    }

    @media (max-width: 768px) {
        .card-auth-xl .card { height: auto !important; min-height: 160px; }
        .card-auth-xl h2 { font-size: 1.4rem !important; }
        .card-auth-xl .flex-shrink-0 { width: 110px !important; min-width: 110px !important; }
    }