/*
Theme Name: Sydney
Theme URI: https://athemes.com/theme/sydney
Author: aThemes
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page. Looking for a quick start with Sydney? With just a few clicks, you can import one of our existing demos (https://athemes.com/sydney-demos/)
Version: 2.70
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tested up to: 6.6
Requires PHP: 7.2
Text Domain: sydney
Tags: two-columns, right-sidebar, block-styles, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Sydney is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/


.legal-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #ffffff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.legal-navbar-inner {
    width: 100%;
    min-height: 80px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

/* LOGO */

.legal-logo {
    color: #0D1B2A !important;
    font-size: 24px;
    font-weight: 800;
    text-decoration: none !important;
    white-space: nowrap;
    flex-shrink: 0;
}

.legal-logo sup {
    font-size: .75rem;
    vertical-align: top;
	line-height: 2;
	top: 0;
}

/* DESKTOP MENU */

.legal-desktop-menu {
    display: flex;
    align-items: center;
    gap: 20px;
    white-space: nowrap;
}

.legal-menu-item {
    position: relative;
}

.legal-dropdown-btn {
    border: none !important;
    background: transparent !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    cursor: pointer;
    display: flex;
    align-items: center;
/*     gap: 5px; */
    box-shadow: none !important;
}

.legal-dropdown-btn:hover {
    color: #e24848 !important;
}

.legal-arrow {
    font-size: 16px;
    line-height: 1;
}

/* DROPDOWN */

.legal-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 14px);
    left: 0;
    width: 260px;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.legal-menu-item.active .legal-dropdown {
    display: block;
}

.legal-menu-item.active .legal-arrow {
    transform: rotate(180deg);
	top: 9px !important;
}

.legal-dropdown a {
    display: block;
    padding: 9px 5px;
    color: #333333 !important;
    font-size: 14px;
    text-decoration: none !important;
}

.legal-dropdown a:hover {
    color: #FF6B35 !important;
}

/* ENQUIRY BUTTON */

.legal-enquiry {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 12px;
    font-weight: 700;
    color: #333333 !important;
    background: linear-gradient(
        to right,
        #FFD166,
        #FFB347
    );
    text-decoration: none !important;
    white-space: nowrap;
    flex-shrink: 0;
}

/* MOBILE BUTTON */

.legal-mobile-btn {
    display: none;
    border: none !important;
    background: transparent !important;
    color: #333333 !important;
    font-size: 28px;
    padding: 5px !important;
    cursor: pointer;
}

/* MOBILE MENU */

.legal-mobile-menu {
    display: none;
}

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

@media (max-width: 1100px) {

    .legal-navbar-inner {
        padding: 0 20px;
    }

    .legal-desktop-menu {
        gap: 12px;
    }

    .legal-dropdown-btn {
        font-size: 12px !important;
    }

    .legal-enquiry {
        padding: 9px 14px;
        font-size: 13px;
    }
}

@media (max-width: 900px) {

    .legal-desktop-menu,
    .legal-enquiry {
        display: none;
    }

    .legal-mobile-btn {
        display: block;
    }

    .legal-navbar-inner {
        min-height: 80px;
    }

    .legal-mobile-menu {
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        height: calc(100vh - 80px);
        overflow-y: auto;
        background: #ffffff;
        padding: 25px;
        display: none;
    }

    .legal-mobile-menu.active {
        display: block;
    }

    .legal-mobile-section {
        margin-bottom: 24px;
    }

    .legal-mobile-section strong {
        display: block;
        margin-bottom: 10px;
        color: #FF6B35;
        font-size: 15px;
        font-weight: 700;
    }

    .legal-mobile-section a {
        display: block;
        padding: 6px 0 6px 15px;
        color: #333333 !important;
        font-size: 14px;
        text-decoration: none !important;
    }

    .legal-mobile-section a:hover {
        color: #FF6B35 !important;
    }

    .legal-mobile-enquiry {
        display: block;
        margin-top: 10px;
        padding: 13px 20px;
        text-align: center;
        border-radius: 12px;
        font-weight: 700;
        color: #333333 !important;
        background: linear-gradient(
            to right,
            #FFD166,
            #FFB347
        );
        text-decoration: none !important;
    }
}

/* WORDPRESS ADMIN BAR */

.admin-bar .legal-navbar {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar .legal-navbar {
        top: 46px;
    }
}
/* FINAL DROPDOWN ARROW POSITION FIX */
.legal-dropdown-btn .legal-arrow {
    position: relative !important;
    top: -6px !important;
    display: inline-block !important;
    line-height: 1 !important;
    height: 14px !important;
    margin-left: 2px !important;
}

/* ================================
   LEGAL SALAAH CUSTOM FOOTER
================================ */

.legal-custom-footer {
    width: 100%;
    background: #04162d;
    color: #fff;
}

.legal-footer-main {
    max-width: 1280px;
    margin: 0 auto;
    padding: 64px 24px;
}

.legal-footer-grid {
    display: grid;
    grid-template-columns: 1.2fr 1.2fr 0.8fr 1.3fr;
    gap: 48px;
    align-items: start;
}

/* LOGO */

.legal-footer-logo {
    width: auto;
    max-height: 48px;
    display: block;
    margin-bottom: 20px;
}

/* DESCRIPTION */

.legal-footer-description {
    color: #cbd5e1;
    margin: 0 0 24px;
    line-height: 1.7;
    font-size: 15px;
}

/* CONTACT */

.legal-contact-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.legal-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.legal-contact-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 8px;
    background: #0f2747;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.legal-contact-icon i {
    font-size: 16px;
}

.legal-contact-label {
    margin: 0 0 4px;
    color: #cbd5e1;
    font-size: 11px;
    text-transform: uppercase;
}

.legal-contact-value {
    margin: 0;
    color: #cbd5e1;
    font-size: 14px;
    line-height: 1.6;
}

/* SOCIAL */

.legal-social {
    display: flex;
    gap: 12px;
    margin-top: 32px;
}

.legal-social a {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    text-decoration: none !important;
    transition: .2s ease;
}

.legal-social a i {
    font-size: 16px;
}

.legal-social a:hover {
    background: #fbbf24;
    color: #000 !important;
}

/* COLUMNS */

.legal-footer-column h3 {
    margin: 0 0 24px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.legal-footer-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.legal-footer-column li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 16px;
    color: #cbd5e1;
    font-size: 14px;
    line-height: 1.5;
}

.legal-footer-column li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #94a3b8;
}

.legal-footer-column a {
    color: #cbd5e1 !important;
    text-decoration: none !important;
}

.legal-footer-column a:hover {
    color: #fbbf24 !important;
}

/* MAP */

.legal-map-wrapper {
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.1);
}

.legal-map-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* BOTTOM */

.legal-footer-bottom {
    border-top: 1px solid rgba(255,255,255,.1);
    padding: 20px 24px;
    text-align: center;
}

.legal-footer-bottom p {
    margin: 0;
    color: #fff;
    font-size: 14px;
}

.legal-footer-bottom span {
    margin: 0 8px;
    color: #94a3b8;
}

/* TABLET */

@media (max-width: 1100px) {

    .legal-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .legal-footer-map {
        grid-column: span 2;
    }

}

/* MOBILE */

@media (max-width: 700px) {

    .legal-footer-main {
        padding: 48px 20px;
    }

    .legal-footer-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .legal-footer-map {
        grid-column: auto;
    }

    .legal-map-wrapper {
        height: 350px;
    }

    .legal-footer-bottom {
        padding: 18px 15px;
    }

    .legal-footer-bottom p {
        line-height: 1.7;
    }

}
.legal-logo {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0;
    text-decoration: none !important;
}

.legal-logo img {
    width: auto !important;
    max-height: 2.2rem !important;
    height: auto !important;
    display: block !important;
}
/* Keep parent menu orange when dropdown is open */
.legal-menu-item.active .legal-dropdown-btn {
    color: #e24848 !important;
}

.legal-menu-item.active .legal-dropdown-btn .legal-arrow {
    color: #e24848 !important;
}