/* ==================================================
   RADIO SAMOS - TOP HEADER
   Logo + tagline + On Air
   ================================================== */

.home-header-top {
    width: 100%;
    padding: 12px 0;
}

/* Το ίδιο το δίστηλο layout */
.home-header-top .layout {
    align-items: center;
}

/* ==================================================
   ΑΡΙΣΤΕΡΗ ΠΕΡΙΟΧΗ
   ================================================== */

/* ==================================================
   RADIO SAMOS - BRANDING
   Logo + slogan
   ================================================== */

.home-header-top .layout__region--first {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 3px;

    min-width: 0;
}

/* Logo */
.home-header-top .layout__region--first img {
    display: block;

    width: auto;
    max-height: 95px;

    margin: 0;
}

/* Slogan */
.home-header-top .site-branding__slogan,
.home-header-top .site-slogan {
    margin: 0;

    color: #777;

    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.2;

    letter-spacing: 0.01em;
}


/* ==================================================
   ΔΕΞΙΑ ΠΕΡΙΟΧΗ - ON AIR
   ================================================== */

.home-header-top .layout__region--second {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    min-width: 0;
}

.home-header-top .layout__region--second > * {
    margin: 0;
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .home-header-top {
        padding: 8px 0;
    }

    .home-header-top .layout {
        display: flex;
        align-items: center;
    }

    .home-header-top .layout__region--first {
        gap: 8px;
    }

    .home-header-top .site-logo img,
    .home-header-top .site-branding__logo img,
    .home-header-top img {
        max-height: 62px;
    }

    /* Το tagline μπορεί να φύγει στο κινητό */
    .home-header-top .site-branding__slogan {
        display: none;
    }
}

/* ==================================================
   RADIO SAMOS - LOGO + SLOGAN
   ================================================== */

width: 100%;
text-align: center;