:root {
            --bs-primary: #09316d;
            --bs-primary-rgb: 9, 49, 109;
        }

        .btn-primary {
    --bs-btn-bg: #09316d; /* Fundalul butonului */
    --bs-btn-border-color: #09316d; /* Culoarea marginii */
    --bs-btn-hover-bg: #06234b; /* O nuanță mai închisă la hover */
    --bs-btn-hover-border-color: #06234b;
    --bs-btn-active-bg: #03152e; /* O nuanță și mai închisă la click */
    --bs-btn-active-border-color: #03152e;
}

.btn-outline-primary {
    --bs-btn-color: #09316d; /* Culoarea textului */
    --bs-btn-border-color: #09316d; /* Culoarea marginii */
    --bs-btn-hover-bg: #09316d; /* Fundal la hover */
    --bs-btn-hover-border-color: #09316d;
}

.col-md-3 {
   color: green;
   /* Textul este de culoare verde */
   font-weight: bold;
   /* Textul este bold */
   text-align: center;
   /* Textul este aliniat în centru pe orizontală */
   display: flex;
   /* Folosim flexbox pentru a alinia pe verticală */
   align-items: center;
   /* Textul este aliniat în centru pe verticală */
   justify-content: flex-end;

   /* Textul este aliniat la dreapta pe axa orizontală */
   /* Media query pentru ecrane mai mici de 768px */
   @media screen and (max-width: 767px) {
     justify-content: flex-start;
     /* Textul este aliniat la stânga pe axa orizontală */
   }
 }

 .continut-coloana-detaliu {
   /*color:crimson;*/
   /* Textul este de culoare rosie */

   text-align: justify;
   /* Textul este aliniat în centru pe orizontală */
   display: flex;
   /* Folosim flexbox pentru a alinia pe verticală */
   align-items: center;
   /* Textul este aliniat în centru pe verticală */
   justify-content: flex-start;
   /* Textul este aliniat în centru pe orizontală */
   padding-left: 17px;
 }

 body {
   background-color: #f9f4ef;
   font-family: 'Segoe UI', sans-serif;
 }

 .raft {
   perspective: 1000px;
   margin: 60px auto;
 }

 .raft-row {
   background: #5c4033;
   /* maro inchis - raft lemn */
   padding: 5px;
   border-radius: 6px;
   display: flex;
   justify-content: center;
   gap: 2px;
 }

 .carte {
   width: 60px;
   height: 180px;
   background: linear-gradient(to right, #8b5e3c, #a97455);
   border-radius: 4px;
   box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: transform 0.5s;
 }

 .carte:hover {
   transform: rotateY(15deg) scale(1.05);
 }

 .cotor-text {
   color: white;
   font-weight: bold;
   writing-mode: vertical-rl;
   transform: rotate(180deg);
   text-align: center;
   font-size: 14px;
 }

 .section-header {
   background-color: #e9ecef;
   font-weight: 600;
   border-bottom: 1px solid #dee2e6;
   padding: 0.75rem 1rem;
   white-space: nowrap;
   /* 👈 previne ruperea pe mai multe rânduri */
   vertical-align: middle;
 }

 .section-header:hover {
   background-color: #dfe3e6;
 }

 .list-group-horizontal>.list-group-item {
   display: flex;
   align-items: center;
 }

 a.section-link {
   text-decoration: none;
   font-weight: 600;
   color: #0d6efd;
   /* Bootstrap primary implicit */
   transition: all 0.15s ease-in-out;
 }

 a.section-link:hover {
   text-decoration: underline;
   color: #0a58ca;
   /* un pic mai închis la hover */
 }

 .roman-lower {
   list-style-type: lower-roman;
   padding-left: 1.5rem;
 }

 .login {
   min-height: 100vh;
 }

 .bg-image {
   background-image: url('../Img/login.jpg');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .login-heading {
   font-weight: 400;
   color: aliceblue;
 }

 .btn-login {
   font-size: 0.9rem;
   letter-spacing: 0.05rem;
   padding: 0.75rem 1rem;
 }


 .likeH1 {
   color: aliceblue;
   font-size: 2rem;
   /* stil opțional, similar cu un <h1> */
   font-weight: bold;
 }

 .alb {
   color: aliceblue;
 }

 .bg-cyan-600 {
   background-color: #09316d;
 }

 .bg-inp {
   background-color: #09316d !important;
 }

  .title-section {
    background-color: #e6ecf3;
    padding: 2rem 1rem;
    border-bottom: 1px solid #ccd8e5;
  }

   .text-justify {
    text-align: justify;  
    text-indent: 2.4em; 

  }

  .img-scaled {
  height: 25%;
  width: auto;
  cursor: zoom-in;
}

.cap-de-pagina {
  min-height: 30vh;
  display: flex;
  align-items: center; /* aliniere verticală pentru row */
  background-color: #e6ecf3; /* fundal discret */
  padding: 1rem 0;
}

.cap-de-pagina .col-stanga {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0 1rem;
}

.cap-de-pagina .col-stanga > * {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; /* echivalent my-1 */
}

.cap-de-pagina .col-dreapta img {
  max-height: 100%;
  height: auto;
  width: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  cursor: zoom-in;
}


.titlu_meserias {
  font-size: 1.3em;
  background-color: #ffffff;
  border-bottom: 2px solid #800000;
  color: #800000; 
  padding: 6px 15px 2px; 
}

body {
            display: flex;
            flex-direction: column;
            min-height: 100vh; /* Înălțimea minimă este întreg viewport-ul */
        }
        
        .container {
            flex: 1; /* Permite containerului să ocupe tot spațiul disponibil */
        }
        
        .footer {
            flex-shrink: 0; /* Previne footer-ul să se micșoreze */
        }
        .tableh-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start}

.glossary-scroll-area 
{
    max-height: 60vh;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px; 
    background-color: #f9f9f9;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
  }
  .glosarimg {
    max-width: 100%;
    height: 125px;
    display: block;
    margin: 0 auto; /* Centrare pe orizontală */
    cursor: zoom-in; /* Cursorul devine o lupă la hover */
  }

  .text-justify {
  text-align: justify !important;
}
  .text-justify p {
    text-indent: 2.4em; /* Indentare pentru primul rând */
  }
  
  .text-justify ul {
    padding-left: 2.4em; /* Indentare pentru liste */
  }
  
  .text-justify li {
    margin-bottom: 0.5em; /* Spațiere între elementele listei */
  }

  
.extent-valid { color: #28a745; }
.extent-invalid { color: #dc3545; }
.alert-warning { background-color: #fff3cd; }

.cap-de-pagina .col-dreapta img.pozadr {
  max-height: 320px;
  width: auto;        /* păstrează proporțiile */
  object-fit: contain; /* ajustează imaginea în interiorul containerului */
}

.card-text {
  min-height: 80px; /* ajustează în funcție de cât text vrei */
}