/* ==========================================================================
   Pyrgos Limassol — site logo
   --------------------------------------------------------------------------
   Emblem as SVG, council name as live text beside it, so the name stays
   selectable, switchable between GR and EN, and readable by assistive tech.
   One mark is used everywhere: a light medallion that holds on white, on the
   sticky header's rgba(0,0,0,.7) and on the dark footer alike. Only the
   wordmark recolours between light and dark grounds.
   ========================================================================== */

/* The theme drives the sticky swap through `display` itself:
     .nupur-main-menu .logo a.main_sticky_main_l { display: block }   (0,3,1)
     .nupur-main-menu .prefix .logo a.main_sticky_l { display: block }
   A bare `.site-logo` loses to those and the lockup collapses into two stacked
   lines, so the swap is restated here at a higher specificity with inline-flex
   in place of block. Both slots now carry the same mark — the swap is kept
   because the theme's scroll script still toggles these classes. */
.nupur-main-menu .logo a.site-logo.main_sticky_main_l,
.nupur-main-menu .prefix .logo a.site-logo.main_sticky_l {
    display: inline-flex;
}

.nupur-main-menu .logo a.site-logo.main_sticky_l,
.nupur-main-menu .prefix .logo a.site-logo.main_sticky_main_l {
    display: none;
}

.logo a.site-logo,
.mobile_menu_logo a.site-logo,
.site-logo {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 10px 0;
    line-height: 1;
    text-decoration: none;
}

.site-logo__emblem {
    display: block;
    flex: 0 0 auto;
    width: 62px;
    height: 62px;
}

.site-logo__name {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-family: Roboto, sans-serif;
    white-space: nowrap;
}

/* Greek drops its accents in all-caps, so the markup carries the cased
   string literally rather than letting text-transform uppercase it. */
.site-logo__name-top {
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: .085em;
    color: #5c6b7a;
}

.site-logo__name-main {
    font-size: 20px;
    font-weight: 700;
    color: #08315f;
}

/* Sticky header and footer both sit on a dark ground. */
.nupur_nav_area.prefix .site-logo__name-top,
.site-logo--onDark .site-logo__name-top {
    color: rgba(255, 255, 255, .72);
}

.nupur_nav_area.prefix .site-logo__name-main,
.site-logo--onDark .site-logo__name-main {
    color: #fff;
}

/* Centred, stacked lockup for the mobile drawer. */
.mobile_menu_logo a.site-logo--stacked,
.site-logo--stacked {
    flex-direction: column;
    gap: 10px;
    text-align: center;
}

.site-logo--stacked .site-logo__name {
    align-items: center;
}

@media (max-width: 991px) {
    .site-logo__emblem { width: 50px; height: 50px; }
    .site-logo__name-main { font-size: 17px; }
    .site-logo__name-top { font-size: 10.5px; }
}

/* In the narrow mobile bar the name would crowd out the burger, so the
   emblem carries the header alone; the drawer still shows the full lockup. */
@media (max-width: 575px) {
    .site-logo__emblem { width: 44px; height: 44px; }
    .nupur_nav_area .site-logo__name { display: none; }
    .site-logo--stacked .site-logo__name { display: flex; }
}

/* ==========================================================================
   Mark-only header (home page)
   The hero heading right below already reads "Κοινοτικό Συμβούλιο Πύργου
   Λεμεσού", so the header carries the emblem alone and carries it larger.
   The council name stays available to assistive tech through the img alt.
   ========================================================================== */

.site-logo--markOnly .site-logo__name {
    display: none;
}

.nupur-main-menu .logo a.site-logo--markOnly {
    padding: 4px 0;
}

/* Sized against the theme's nav row, which the menu's 35px margins set to
   roughly 95px — the emblem fills it without growing the header. */
.nupur-main-menu .logo a.site-logo--markOnly .site-logo__emblem {
    width: 112px;
    height: 112px;
}

@media (max-width: 991px) {
    .nupur-main-menu .logo a.site-logo--markOnly .site-logo__emblem {
        width: 78px;
        height: 78px;
    }
}

@media (max-width: 575px) {
    .nupur-main-menu .logo a.site-logo--markOnly .site-logo__emblem {
        width: 58px;
        height: 58px;
    }
}

/* ==========================================================================
   Sealed emblem with ring text
   The ring text stops being readable below roughly 100px, so instead of
   shrinking it the plain disc takes over on tablets and phones.
   ========================================================================== */

.site-logo__emblem--plain { display: none; }

.nupur-main-menu .logo a.site-logo--markOnly .site-logo__emblem--ring {
    width: 150px;
    height: 150px;
}

@media (max-width: 1199px) {
    .site-logo__emblem--ring { display: none; }
    .site-logo__emblem--plain { display: block; }
    .nupur-main-menu .logo a.site-logo--markOnly .site-logo__emblem--plain {
        width: 78px;
        height: 78px;
    }
}

@media (max-width: 575px) {
    .nupur-main-menu .logo a.site-logo--markOnly .site-logo__emblem--plain {
        width: 58px;
        height: 58px;
    }
}