/* Top Header */
.top-header {
    background: #ffcc00; /* galben vizibil */
    color: #000000;
    padding: 8px 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;

    /* Asta pune textul și butoanele pe același rând */
    display: flex;
    justify-content: center; /* Centrează tot conținutul */
    align-items: center;     /* Aliniază vertical textul cu butoanele */
    gap: 20px;               /* Spațiu între text și butoane */
}

.top-header p.disclaimer-text {
    margin: 0;
    white-space: nowrap; /* Împiedică textul să sară pe rândul doi pe desktop */
}

/* Containerul pentru cele două butoane */
.app-buttons {
    display: flex;
    gap: 10px;               /* Spațiu între cele două butoane */
    align-items: center;
}

/* Stilul imaginilor (butoanelor) */
.app-btn img {
    height: 30px;            /* Înălțime fixă pentru a nu deforma header-ul */
    width: auto;
    display: block;
}

/* Responsive - Ce se întâmplă pe mobil */
@media (max-width: 768px) {
    .top-header {
        flex-direction: column; /* Pe ecrane mici, le pune unul sub altul ca să se vadă bine */
        gap: 10px;
        text-align: center;
    }
    
    .top-header p.disclaimer-text {
        white-space: normal; /* Permite textului să se rupă pe mobil */
    }
}

@media (max-width: 480px) {
    .top-header {
        font-size: 0.8rem;
        padding: 10px;
    }
    .app-btn img {
        height: 25px; /* Butoane puțin mai mici pe ecrane foarte mici */
    }
}