/*
This file should only be used by hesk clients to apply any custom overwrites to core files,
and ensure these changes are included in the bundled css.

Please only change this file if you know what you are doing.
Any general thematic changes should rather be done as part of /theme changes of theme_overrides.css
*/

/* ── Fun'N Eat branded header ───────────────────────────── */

/* Offset body so content isn't hidden behind the fixed header */

.fe-header {
    background: var(--primary);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1020;
}
.btn-fe-primary {
    background-color: var(--primary) !important;
    color: #fff !important;
    border: none;
    border-radius: 0.5rem;
    padding: 0.45rem 1.2rem;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none !important;
    transition: background-color 120ms ease;
    white-space: nowrap;
}

.fe-header .navbar-brand {
    text-decoration: none;
}

.fe-header .fe-logo {
    height: 34px;
    width: auto;
    display: block;
}

.fe-header .fe-logo-text {
    font-weight: 900;
    color: var(--brand-dark, #1a2a3a);
}

.fe-header .navbar-nav {
    gap: 1.75rem;
}

.fe-header .nav-link {
    font-weight: 700;
    color: var(--brand-dark, #1a2a3a);
    border-radius: 0;
    padding: .25rem 0;
    transition: color 120ms ease;
}

.fe-header .nav-link:hover,
.fe-header .nav-link:focus {
    color: var(--brand-dark, #1a2a3a);
    text-decoration: none;
}

.fe-header .navbar-toggler {
    border-radius: 12px;
    border-color: rgba(0, 0, 0, .18);
}

/* ── btn-fe-primary ─────────────────────────────────────── */
.btn-fe-primary {
    background-color: #e8a020;
    color: #fff !important;
    border: none;
    border-radius: 0.5rem;
    padding: 0.45rem 1.2rem;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none !important;
    transition: background-color 120ms ease;
    white-space: nowrap;
}
.btn-fe-primary:hover,
.btn-fe-primary:focus {
    background-color: #d08e10;
    color: #fff !important;
}

/* HESK login link styled as btn-fe-primary */
.fe-header .header__nav {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.fe-header .header__nav .nav-item a {
    background-color: #e8a020;
    color: #fff !important;
    border-radius: 0.5rem;
    padding: 0.45rem 1.2rem;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none !important;
    transition: background-color 120ms ease;
    white-space: nowrap;
}
.fe-header .header__nav .nav-item a:hover,
.fe-header .header__nav .nav-item a:focus {
    background-color: #d08e10;
}

/* Language select in header */
.fe-header .header__lang .dropdown-select .label {
    color: var(--brand-dark, #1a2a3a);
}

/* ── Create-ticket centering ────────────────────────────── */
.page-create-ticket .form-submit-ticket {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
}

.page-create-ticket .form-submit-ticket .form-group,
.page-create-ticket .form-submit-ticket .param {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* ── Fun'N Eat branded footer ───────────────────────────── */
footer.footer
{
    position: fixed;
    left: 0;
    bottom: 0;
    height: 0vh !important;
}
footer.footer > p.text-center {
    display: none !important;
    font-size: 0 !important;
}
.fe-footer {
    background-color: var(--surface);
    color: #1a2a3a;
    font-family: inherit;
}

.fe-footer__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 24px 0;
}

.fe-footer__panel {
    display: flex;
    flex-direction: column;
}

/* Top grid: 4 columns */
.fe-footer__top {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1.5fr 1.5fr;
    gap: 32px;
    padding-bottom: 40px;
}

.fe-footer__col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Brand / logo column */
.fe-footer__brandlockup {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.fe-footer__logo {
    height: 36px;
    width: auto;
    object-fit: contain;
}

.fe-footer__brand {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a2a3a;
    letter-spacing: -0.01em;
}

/* Section headings */
.fe-footer__h {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1a2a3a;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 4px;
}

/* Contact meta lines */
.fe-footer__meta {
    font-size: 0.875rem;
    color: #1a2a3a;
    line-height: 1.5;
}

/* Links */
.fe-footer__link {
    font-size: 0.875rem;
    color: #1a2a3a !important;
    text-decoration: none !important;
    line-height: 1.5;
    opacity: 0.85;
    transition: opacity 0.15s ease;
}
.fe-footer__link:hover {
    opacity: 1;
    text-decoration: underline !important;
}
.fe-footer__link--inline {
    display: inline;
}

/* App store badges */
.fe-footer__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.fe-footer__badge {
    display: inline-flex;
    text-decoration: none !important;
}

.fe-footer__badge-img {
    height: 40px;
    width: auto;
    display: block;
    max-width: 160px;
}

/* Social icons */
.fe-footer__social {
    display: flex;
    gap: 12px;
    margin-top: 8px;
}

.fe-footer__social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(26, 42, 58, 0.12);
    color: #1a2a3a !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease;
}
.fe-footer__social-link:hover {
    background-color: rgba(26, 42, 58, 0.22);
}

/* Bottom bar */
.fe-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-top: 1px solid rgba(26, 42, 58, 0.18);
    flex-wrap: wrap;
    gap: 12px;
}

.fe-footer__small {
    font-size: 0.8rem;
    color: rgba(26, 42, 58, 0.7);
}

.fe-footer__legal {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.fe-footer__legal-link {
    font-size: 0.8rem;
    color: rgba(26, 42, 58, 0.7) !important;
    text-decoration: none !important;
    transition: color 0.15s ease;
}
.fe-footer__legal-link:hover {
    color: #1a2a3a !important;
    text-decoration: underline !important;
}

/* Responsive */
@media (max-width: 991px) {
    .fe-footer__top {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 575px) {
    .fe-footer__top {
        grid-template-columns: 1fr;
    }
    .fe-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
    }
    .fe-footer__legal {
        gap: 12px;
    }
}