@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@300;400;600&display=swap');



html {
    font-size: 14px;
   
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
   
}

html {
    position: relative;
    min-height: 100%;
   
}

body {
    margin-bottom: 60px;
    font-family: "Inter", sans-serif;
   
}

.hero {
    font-family: "Archivo Black", sans-serif;
    height: 700px;
    margin-bottom: 30px;
    margin-top: 40px;
    background-image: linear-gradient(to bottom, rgba(169, 169, 169, 0.1), rgba(0,0,0, .9)), url('../images/banner2.jpg');
    background-position-x: center, 68%; /* Pozitioneaza imaginea pe mijloc */
    background-size: cover;
    background-repeat: no-repeat; /* Evita repetarea imaginii */
    background-attachment: fixed; /* Optional, pentru efect de parallax-fixeaza imaginea pe fundal la scroll */
}

.hero-title {
    text-shadow: #0B5ED7 8px 0 1px;
}

/*stiluri pentru butoane*/
.btn-create {
    background-color: #ffa726;
    border-color: #ffa726;
    color: #fff; /* Alb implicit */
}

    .btn-create:hover {
        color: #000; /* Negru la hover */
    }

.btn-edit {
    background-color: #f4a460;
    border-color: #f4a460;
    color: #fff; /* Alb implicit */
}

    .btn-edit:hover {
        color: #000; /* Negru la hover */
    }

.btn-details {
    background-color: #ffb74d; /* Portocaliu moderat */
    border-color: #ffb74d;
    color: #fff; /* Alb implicit */
}

    .btn-details:hover {
        color: #000; /* Negru la hover */
    }

.btn-delete {
    background-color: #e65100;
    border-color: #e65100;
    color: #fff; /* Alb implicit */
}

    .btn-delete:hover {
        color: #000; /* Negru la hover */
    }

.btn-add-to-cart {
    background-color: #FFA500; /* sau #FFA500 pentru portocaliu */
   
    color: #fff; /* text alb */
}

    .btn-add-to-cart:hover {
        background-color: #f4a460; /* o nuan?? mai închis? la hover */
    }