/* ===== LOGIZA COLOR THEME ===== */
:root {
    --logiza-blue: #1a3a6b;
    --logiza-blue-dark: #0d2240;
    --logiza-blue-light: #2255a4;
    --logiza-orange: #ff6200;
    --logiza-orange-dark: #e55700;
    --logiza-white: #ffffff;
    --logiza-gray: #f4f6f9;
    --logiza-text: #2c3e50;
    --logiza-text-light: #6c7a89;
}

/* Header */
#main-header {
    background: #ffffff !important;
    border-bottom: 3px solid var(--logiza-orange) !important;
}
#main-header .nav-list .nav-link,
#main-header .navbar a {
    color: var(--logiza-blue) !important;
    font-weight: 600 !important;
}
#main-header .nav-list .nav-link:hover,
#main-header .navbar a:hover {
    color: var(--logiza-orange) !important;
}

/* Hero section */
.logiza-hero-title {
    color: var(--logiza-blue) !important;
}
.logiza-hero-cta {
    background: var(--logiza-blue) !important;
    color: #fff !important;
}
.logiza-hero-cta:hover {
    background: var(--logiza-orange) !important;
}
.logiza-hero-tab--active {
    background: var(--logiza-blue) !important;
}
.logiza-hero-trackbtn {
    background: var(--logiza-orange) !important;
}
.logiza-hero-trackbtn:hover {
    background: var(--logiza-orange-dark) !important;
}

/* Section titles */
h1, h2, h3 {
    color: var(--logiza-blue) !important;
}

/* Links */
a {
    color: var(--logiza-blue);
}
a:hover {
    color: var(--logiza-orange);
}

/* Buttons - primary */
.btn-primary,
.button-primary,
[class*="btn-primary"] {
    background: var(--logiza-blue) !important;
    border-color: var(--logiza-blue) !important;
    color: #fff !important;
}
.btn-primary:hover,
.button-primary:hover {
    background: var(--logiza-orange) !important;
    border-color: var(--logiza-orange) !important;
}

/* Buttons - secondary/outlined */
.btn-outline,
.btn-secondary {
    border-color: var(--logiza-blue) !important;
    color: var(--logiza-blue) !important;
}
.btn-outline:hover {
    background: var(--logiza-blue) !important;
    color: #fff !important;
}

/* Orange accents */
.text-primary,
.text-orange,
[class*="accent"],
.stars,
.rating {
    color: var(--logiza-orange) !important;
}

/* Section backgrounds alternating */
section:nth-child(even),
.section-gray {
    background: var(--logiza-gray) !important;
}

/* How it works section */
.how-works-title,
#how-works h2 {
    color: var(--logiza-blue) !important;
}

/* Services/rates section */
[class*="service"] h3,
[class*="rate"] h3,
.open-calc h3 {
    color: var(--logiza-blue) !important;
}
[class*="service"] .price,
[class*="rate"] .discount,
.discounted {
    color: var(--logiza-orange) !important;
    font-weight: 700 !important;
}

/* Testimonials */
.review .stars i,
.fa-star {
    color: var(--logiza-orange) !important;
}

/* Footer */
#main-footer {
    background: var(--logiza-blue-dark) !important;
    color: rgba(255,255,255,0.85) !important;
}
#main-footer h3,
#main-footer h4,
#main-footer .widget-title {
    color: #fff !important;
    border-bottom: 2px solid var(--logiza-orange) !important;
    padding-bottom: 8px !important;
    margin-bottom: 16px !important;
}
#main-footer a {
    color: rgba(255,255,255,0.75) !important;
}
#main-footer a:hover {
    color: var(--logiza-orange) !important;
}
#main-footer .footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.15) !important;
    padding-top: 16px !important;
}
#main-footer .copyright {
    color: rgba(255,255,255,0.6) !important;
}

/* Social icons */
.bdaia-social-io a:hover {
    color: var(--logiza-orange) !important;
}

/* Tracking widget in footer */
.tracking-widget {
    background: var(--logiza-blue) !important;
}
.tracking-widget input {
    border-color: rgba(255,255,255,0.3) !important;
}
.tracking-widget button {
    background: var(--logiza-orange) !important;
}

/* Sign up/log in button */
.logiza-header-signin {
    color: var(--logiza-blue) !important;
}
.logiza-header-signin:hover {
    color: var(--logiza-orange) !important;
}

/* Pages section */
[class*="page-item"] .page-link {
    color: var(--logiza-blue) !important;
    border-color: var(--logiza-blue) !important;
}
.page-item.active .page-link {
    background: var(--logiza-blue) !important;
}

/* Card hover effects */
.card:hover,
[class*="service-card"]:hover,
[class*="feature-card"]:hover {
    border-color: var(--logiza-orange) !important;
    box-shadow: 0 8px 24px rgba(26,58,107,0.15) !important;
}

/* Orange underline for active nav */
.nav-item.active .nav-link,
.nav-link.active {
    color: var(--logiza-orange) !important;
    border-bottom: 2px solid var(--logiza-orange) !important;
}

/* Logiza hero tab active override */
.logiza-hero-tab--active {
    background: var(--logiza-blue) !important;
    color: #fff !important;
}

/* Rate & Ship section colors */
.open-calc .retail { color: var(--logiza-text-light) !important; }
.open-calc .discount-price { color: var(--logiza-orange) !important; }

/* Features section */
.logiza-features-title { color: var(--logiza-blue) !important; }
.logiza-feature-icon {
    background: rgba(26,58,107,0.08) !important;
    color: var(--logiza-blue) !important;
}
.logiza-feature-card:hover {
    border-top-color: var(--logiza-orange) !important;
}

/* Globus/worldwide section */
[class*="globus"] a,
[class*="worldwide"] a {
    color: var(--logiza-orange) !important;
}

/* Pages section images */
[class*="pages"] .page-title {
    color: var(--logiza-blue) !important;
}

/* ============================================
   LOGIZA COMPLETE MOBILE CSS
   ============================================ */

/* ---- HEADER MOBILE ---- */
@media (max-width: 991px) {

    #main-header {
        padding: 12px 0 !important;
        position: relative !important;
        z-index: 9999 !important;
    }

    #main-header .container,
    #main-header .container-fluid {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        padding: 0 16px !important;
    }

    /* Logo */
    #main-header .logo,
    #main-header .navbar-brand,
    #main-header [class*="logo"] {
        flex-shrink: 0 !important;
        max-width: 160px !important;
    }

    #main-header .logo img,
    #main-header .navbar-brand img {
        height: 40px !important;
        width: auto !important;
        max-width: 160px !important;
    }

    /* Hamburger button */
    .navbar-toggler,
    .mobile-toggle,
    [class*="toggler"],
    [class*="hamburger"] {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        background: transparent !important;
        border: 2px solid #1a3a6b !important;
        border-radius: 6px !important;
        cursor: pointer !important;
        flex-shrink: 0 !important;
        padding: 0 !important;
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%231a3a6b' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
        width: 22px !important;
        height: 22px !important;
    }

    /* Mobile dropdown menu */
    .navbar-collapse,
    #navbarMain,
    #main-nav,
    .nav-collapse {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        background: #fff !important;
        border-top: 3px solid #ff6200 !important;
        box-shadow: 0 8px 32px rgba(0,0,0,0.15) !important;
        z-index: 9998 !important;
        padding: 8px 0 16px !important;
        display: none !important;
        width: 100% !important;
    }

    .navbar-collapse.show,
    #navbarMain.show,
    .nav-collapse.show {
        display: block !important;
    }

    /* Nav links on mobile */
    .navbar-nav,
    .nav-list {
        flex-direction: column !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .nav-item {
        width: 100% !important;
        border-bottom: 1px solid #f0f4f8 !important;
    }

    .nav-link,
    .nav-item > a {
        display: block !important;
        padding: 14px 20px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #1a3a6b !important;
        text-decoration: none !important;
        width: 100% !important;
    }

    .nav-link:hover {
        background: #f4f6f9 !important;
        color: #ff6200 !important;
    }

    /* Sign Up button in mobile menu */
    .logiza-header-signin {
        display: flex !important;
        margin: 12px 20px 4px !important;
        padding: 12px 20px !important;
        background: #ff6200 !important;
        color: white !important;
        border-radius: 6px !important;
        justify-content: center !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        font-size: 14px !important;
    }

    .logiza-header-signin:hover {
        background: #e55700 !important;
        color: white !important;
    }

    /* Hide desktop-only elements */
    .d-none-mobile {
        display: none !important;
    }
}

/* ---- HERO SECTION MOBILE ---- */
@media (max-width: 767px) {

    .logiza-hero-section {
        min-height: auto !important;
        padding: 0 !important;
    }

    .logiza-hero-bg {
        background-position: right center !important;
    }

    .logiza-hero-bg-overlay {
        background: linear-gradient(
            to bottom,
            rgba(255,255,255,0.95) 0%,
            rgba(255,255,255,0.90) 60%,
            rgba(255,255,255,0.85) 100%
        ) !important;
    }

    .logiza-hero-container {
        padding-top: 28px !important;
        padding-bottom: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .logiza-hero-content {
        padding-right: 0 !important;
    }

    .logiza-hero-title {
        font-size: 26px !important;
        line-height: 1.2 !important;
        margin-bottom: 10px !important;
        color: #1a3a6b !important;
    }

    .logiza-hero-subtitle {
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin-bottom: 18px !important;
        color: #444 !important;
    }

    .logiza-hero-cta {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 14px 20px !important;
        font-size: 15px !important;
        margin-bottom: 20px !important;
        border-radius: 6px !important;
    }

    .logiza-hero-actions {
        max-width: 100% !important;
        width: 100% !important;
    }

    .logiza-hero-tabs {
        width: 100% !important;
        border-radius: 6px 6px 0 0 !important;
    }

    .logiza-hero-tab {
        flex: 1 !important;
        padding: 10px 4px !important;
        font-size: 9px !important;
        letter-spacing: 0.2px !important;
        gap: 3px !important;
    }

    .logiza-hero-tab svg {
        width: 20px !important;
        height: 20px !important;
    }

    .logiza-hero-trackbar {
        padding: 8px !important;
        border-radius: 0 0 6px 6px !important;
    }

    .logiza-hero-trackform {
        height: 44px !important;
    }

    .logiza-hero-trackinput {
        font-size: 13px !important;
        padding: 0 10px !important;
    }

    .logiza-hero-trackbtn {
        padding: 0 14px !important;
        font-size: 12px !important;
        letter-spacing: 0.5px !important;
    }
}

/* ---- SECTIONS MOBILE ---- */
@media (max-width: 767px) {

    /* General */
    body { overflow-x: hidden !important; }

    .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* All section padding */
    section,
    .section,
    [class*="section"] {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    /* Headings */
    h1 { font-size: 26px !important; line-height: 1.2 !important; }
    h2 { font-size: 22px !important; line-height: 1.3 !important; }
    h3 { font-size: 17px !important; }
    h4 { font-size: 15px !important; }
    p  { font-size: 14px !important; line-height: 1.7 !important; }

    /* All columns stack vertically */
    .col-lg-6, .col-md-6,
    .col-lg-4, .col-md-4,
    .col-lg-3, .col-md-3 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 20px !important;
    }

    /* Center content on mobile */
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Images */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Buttons */
    .btn,
    .button,
    [class*="btn-"] {
        font-size: 14px !important;
        padding: 12px 20px !important;
    }

    /* How It Works */
    .top-steps,
    [class*="top-steps"] {
        padding: 32px 16px !important;
    }

    .step-image {
        max-width: 80px !important;
        margin: 0 auto 12px !important;
        display: block !important;
    }

    /* Rates section */
    [class*="open-calc"],
    [class*="open_calc"] {
        padding: 32px 16px !important;
    }

    /* Integration section */
    [class*="integration"] .row,
    [class*="open_calculator"] .row {
        flex-direction: column !important;
    }

    [class*="integration"] img,
    [class*="open_calculator"] img {
        max-width: 100% !important;
        margin: 0 auto 24px !important;
        display: block !important;
    }

    /* Globus section */
    [class*="globus"] .row {
        flex-direction: column-reverse !important;
    }

    [class*="globus"] img {
        max-width: 70% !important;
        margin: 0 auto 24px !important;
        display: block !important;
    }

    /* Testimonials */
    [class*="testimonial"],
    [class*="evaluation"] {
        padding: 32px 16px !important;
    }

    /* Pages section */
    [class*="page-item"],
    [class*="pages"] .item {
        margin-bottom: 16px !important;
    }

    [class*="page-item"] img {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }

    /* Footer */
    #main-footer {
        padding-top: 48px !important;
    }

    #main-footer .row > div {
        margin-bottom: 28px !important;
        text-align: center !important;
    }

    #main-footer .footer-logo img {
        margin: 0 auto 16px !important;
        display: block !important;
    }

    #main-footer .social-links,
    #main-footer [class*="social"] {
        justify-content: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    /* Tracking widget */
    .tracking-widget,
    [class*="tracking"] form {
        padding: 20px 16px !important;
    }

    .tracking-widget input {
        font-size: 14px !important;
    }

    /* Stay Connected */
    [class*="stay-connected"],
    [class*="social-counter"] {
        text-align: center !important;
    }
}

/* ---- TABLET ---- */
@media (min-width: 768px) and (max-width: 991px) {

    .logiza-hero-title {
        font-size: 30px !important;
    }

    .logiza-hero-actions {
        max-width: 100% !important;
    }

    .col-lg-6 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    [class*="globus"] img {
        max-width: 60% !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

/* ---- EXTRA SMALL PHONES: KEEP MENU ALWAYS VISIBLE ---- */
@media (max-width: 480px) {
    #navbarMain.navbar-collapse {
        display: block !important;
        position: static !important;
        box-shadow: none !important;
        border-top: 0 !important;
        padding-top: 0 !important;
        margin-top: 10px !important;
    }

    #main-header .navbar-toggler {
        display: none !important;
    }
}