/* Custom override: reduce all font sizes by ~10% */
html {
    font-size: 90%;
}

/* Hide the default Bootstrap navbar and topbar (safety fallback) */
.main-navbar-wrapper,
.topbar {
    display: none !important;
}

/* ===== Header bar — infocube-style colors ===== */
#header .navbar {
    background-color: #01295F;
    padding: 0.5rem 0;
}

#header .navbar .navbar-brand,
#header .navbar .navbar-brand:hover {
    color: #fff;
}

#header .navbar .nav-link,
#header .navbar .btn.nav-link {
    color: rgba(255, 255, 255, 0.85) !important;
}
#header .navbar .nav-link:hover,
#header .navbar .btn.nav-link:hover {
    color: #fff !important;
}

/* Cart badge accent */
#header .navbar .badge-info {
    background-color: #A7754D;
    border-color: #A7754D;
}

/* Hamburger button styling */
.hamburger-btn {
    font-size: 1.25rem;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 600;
}
.hamburger-btn:hover {
    color: #fff !important;
}

/* mmenu theming */
:root {
    --mm-color-background: #ffffff;
    --mm-color-text: #01295F;
    --mm-color-text-dimmed: rgba(1, 41, 95, 0.6);
    --mm-color-border: rgba(1, 41, 95, 0.15);
    --mm-color-icon: rgba(1, 41, 95, 0.5);
    --mm-color-background-highlight: rgba(1, 41, 95, 0.06);
    --mm-color-background-emphasis: rgba(1, 41, 95, 0.08);
}

/* Force white background on all mmenu elements */
.mm-menu,
.mm-panels,
.mm-panel,
.mm-navbar {
    background: #FFFFFF !important;
    color: #01295F !important;
}

/* mmenu panel links */
.mm-listitem__text {
    padding: 12px 10px;
    color: #01295F !important;
}


/* Divider items (account name) */
.mm-listitem_divider {
    font-size: 1rem;
    padding: 12px 10px;
    background: #ffffff;
    color: #01295F;
}

/* Badge styling inside mmenu */
#mmenu .badge {
    background-color: #007bff;
    color: #fff;
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 0.75rem;
    margin-left: 5px;
}

/* Logo sizing */
#header .logo-img {
    max-height: 40px;
}

/* Main body background */
#main-body {
    background-color: #fffae9;
}

/* Breadcrumb bar */
.master-breadcrumb {
    background-color: #a7754d;
}
.master-breadcrumb .breadcrumb {
    background-color: #a7754d;
}
.master-breadcrumb,
.master-breadcrumb a,
.master-breadcrumb .breadcrumb-item,
.master-breadcrumb .breadcrumb-item::before,
.master-breadcrumb .breadcrumb-item.active {
    color: #ffffff !important;
}

/* ===== Compact footer ===== */
#footer.footer {
    background: #01295F;
    padding: 12px 0;
}

#footer.footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

/* Nav links — inline, compact */
#footer .nav {
    margin: 0 !important;
    flex-wrap: nowrap;
}
#footer .nav .nav-link {
    color: rgba(255, 255, 255, 0.8);
    padding: 0 10px;
    font-size: 0.85rem;
}
#footer .nav .nav-link:hover {
    color: #fff;
}

/* Social / language selector — inline, no extra margin */
#footer .list-inline {
    margin: 0 !important;
    float: none !important;
}
#footer .list-inline .btn {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    padding: 5px 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
#footer .list-inline .btn:hover {
    color: #fff;
}

/* Greek flag image (sprite is missing GR) */
.flag-gr-img {
    width: 20px;
    height: 14px;
    vertical-align: middle;
}

/* Hide "Powered by WHMCompleteSolution" */
#footer .copyright {
    display: none !important;
}

/* ===== Hide sidebar on Services page ===== */
.page-clientareaproducts .col-lg-4.col-xl-3 {
    display: none !important;
}
.page-clientareaproducts .col-lg-8.col-xl-9 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* ===== Hide sidebar on Support Tickets page ===== */
.page-supporttickets .col-lg-4.col-xl-3 {
    display: none !important;
}
.page-supporttickets .col-lg-8.col-xl-9 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}