.navbar {
    font-family: 'Adventure Time Logo', sans-serif;
    color: #D7D7D7;
    font-size: 2rem;
    background-color: #1C351C;
}

.navbar .nav-link {
    color: #D7D7D7;
}

body {
    background-color: #0D170D;
    color: #D7D7D7;
    height: 100%;
    padding-top: 126px;
    min-height: 100vh;
}

main {
    padding-left: 5% !important;
    padding-right: 5% !important;
    flex: 1;
}

footer {
    font-family: 'MedievalSharp', cursive;
    color: #D7D7D7;
    background-color: #2A4D2A;
}

body h1{
    font-family: 'Adventure Time Logo', sans-serif;
    font-size: clamp(2rem, 2.5vw, 4rem) !important;
}

body h2{
    font-family: 'MedievalSharp', cursive;
}

body p{
    font-family: 'Inter';
}

.intro_kilt {
    font-size: 0.9rem;
    text-align: center;
}

.kilt_info{
    background-color: #1C351C;
    border-color: #2A4D2A;
    border-width: 0.05rem;
    border-style: solid;
    color: #99A1AF;
}

.kilt_info h2{
    font-size: clamp(1.5rem, 1.8vw, 3rem) !important;
}

.kilt_info p{
    font-size: 0.8rem;
}

.shop_forum .card{
    background-color: #060B06;
    border-color: #2A4D2A;
    border-width: 0.05rem;
    border-style: solid;
    color: #99A1AF;
}

.shop_forum .card a{
    font-family: inter;
    border-color: #2A4D2A;
    border-width: 0.05rem;
    border-style: solid;
    color: #ffffff;
    text-decoration: none;
}

.shop_forum .card div{
    background-color: #1C351C;
    width: 5rem;
    height: 5rem;
}

.shop_forum .card img{
    width: 3rem;
    height: 3rem;
}


.admin {
    font-family: inter;
}


#puzzle-grid {
    display: grid;
    grid-template-columns: repeat(2, 100px); 
    grid-template-rows: repeat(2, 100px);    
    gap: 4px;                                
    width: 204px;                         
    margin: 20px auto;                     
    border: 3px solid #2A4D2A;           
    background-color: #000;
    padding: 2px;
    border-radius: 8px;
}

.puzzle-tile {
    width: 100px;
    height: 100px;
    background-size: 200px 200px; 
    cursor: grab;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: transform 0.2s;
}

.puzzle-tile:active {
    cursor: grabbing;
    transform: scale(0.95); 
}

.btn-primary:hover {
    background-color:#2A4D2A;
    border-color: #427A42;
} 

.form-select-white {
    font-family: 'Inter';
    color: #D7D7D7;
    background-color: #1C351C;
    border-color: #427A42;
    border-style: solid;
    border-width: 0.05rem;
}
.form-select-place_holder {
    font-family: 'Inter';
    color: #ffffff;
    background-color: #1C351C;
    border-color: #427A42;
    border-style: solid;
    border-width: 0.05rem;
}
.form-select-white option{
    font-family: 'Inter';
    background-color: #1C351C;
    color: #D7D7D7;
}

.carte_article {
    background-color: #112011;
    overflow: hidden;
    color: #D7D7D7;
}

.image_prix {
    position: relative;
    text-align: center;
    color: black;
}

.image_prix img{
    width: 100%;
}

.prix_flottant {
    position: absolute;
    border-style: solid;
    background: rgba(0, 0, 0, 0.7);
    border-width: 0.125rem;
    padding: 0.5rem;
    top: 8px;
    right: 16px;
    color: #D7D7D7;
}

.btn-primary{
    background-color: #1C351C;
    border-color: #427A42;
    border-width: 0.05rem;
}

.btn_ajout_panier{
    background-color: #1C351C;
    border-color: #427A42;
    border-width: 0.05rem;
}

.note img{
    width: 30px;
    height: 30px;
}