/*
Theme Name: XTrady
Theme URI: https://localhost/xtrady
Author: Mahesh
Description: Custom WordPress theme converted from XTrady HTML Template.
Version: 1.0
Text Domain: xtrady
*/

body{
    margin:0;
    padding:0;
}

/* ==================================================
   StockRitual Logo
================================================== */

.navbar-brand {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.navbar-brand .logo-img,
.navbar-brand .custom-logo {
    width: auto;
    height: auto;
    max-width: 180px;
    /* max-height: 70px; */
    object-fit: contain;
    display: block;
}

/* Offcanvas / Mobile Logo */
.offcanvas-title .logo-img,
.offcanvas-title .custom-logo {
    width: auto;
    height: auto;
    max-width: 180px;
    /* max-height: 60px; */
    object-fit: contain;
    display: block;
}


/* ==============================
   Tablet
============================== */

@media (max-width: 991px) {

    .navbar-brand .logo-img,
    .navbar-brand .custom-logo {
        max-width: 150px;
        /* max-height: 60px; */
    }

}


/* ==============================
   Mobile
============================== */

@media (max-width: 575px) {

    .navbar-brand .logo-img,
    .navbar-brand .custom-logo {
        max-width: 125px;
        /* max-height: 50px; */
    }

    .offcanvas-title .logo-img,
    .offcanvas-title .custom-logo {
        max-width: 125px;
        /* max-height: 50px; */
    }

}
/* ==================================================
   StockRitual Header Fix
================================================== */

/* Keep header above all page sections */
header {
    position: relative;
    z-index: 999;
}

/* Keep navbar content vertically aligned */
.navbar-main {
    min-height: 100px;
}

/* Prevent menu text from wrapping */
.navbar-main .nav-link {
    white-space: nowrap;
}

/* Keep navigation spacing clean */
.navbar-main .navbar-nav {
    align-items: center;
    gap: 20px;
}

/* Keep CTA from shrinking */
.navbar-main .right-nav {
    flex-shrink: 0;
}

/* ==================================================
   Desktop
================================================== */
.banner-two-section {
        margin-top: 40px;
    }

@media (min-width: 992px) {

    .navbar-main .container {
        min-height: 100px;
        display: flex;
        align-items: center;
    }

    /*
     * The XTrady banner uses its own positioning.
     * Give it enough top clearance for our header.
     */
    /* .banner-two-section {
        padding-top: 70px;
    } */

}


/* ==================================================
   Tablet / Mobile
================================================== */

@media (max-width: 991px) {

    .navbar-main {
        min-height: 80px;
    }

    /* .banner-two-section {
        padding-top: 50px;
    } */

    .navbar-main .navbar-nav {
        align-items: flex-start;
        gap: 0;
    }

}


/* ==================================================
   Small Mobile
================================================== */

@media (max-width: 575px) {

    .navbar-main {
        min-height: 70px;
    }

    /* .banner-two-section {
        padding-top: 40px;
    } */

}
/* ==================================================
   StockRitual Header + Hero Alignment Fix
================================================== */

/* Prevent decorative elements from creating horizontal scroll */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}


/* ==================================================
   HERO DECORATIVE SHAPES
================================================== */

/*
 * XTrady's first decorative shape conflicts with the wider
 * StockRitual logo. Move it away from the logo.
 */
.banner-two-section .shape-icon img:first-child {
    left: 40px;
    top: 90px;
}


/* ==================================================
   HEADER
================================================== */

.navbar-main .container {
    position: relative;
}

/* Give StockRitual logo its own safe area */
.navbar-main .navbar-brand {
    position: relative;
    z-index: 10;
    width: 210px;
}

/* Desktop logo */
.navbar-main .navbar-brand .logo-img,
.navbar-main .navbar-brand .custom-logo {
    width: auto;
    max-width: 180px;
    /* max-height: 85px; */
    object-fit: contain;
}

/* Keep menu centered */
@media (min-width: 992px) {

    .navbar-main .offcanvas {
        flex: 1;
    }

    .navbar-main .offcanvas-body {
        display: flex;
        justify-content: center;
    }

    .navbar-main .navbar-nav {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 991px) {

    .navbar-main .navbar-brand {
        width: auto;
    }

    .navbar-main .navbar-brand .logo-img,
    .navbar-main .navbar-brand .custom-logo {
        max-width: 145px;
        /* max-height: 65px; */
    }

}


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

@media (max-width: 575px) {

    .navbar-main .navbar-brand .logo-img,
    .navbar-main .navbar-brand .custom-logo {
        max-width: 115px;
        /* max-height: 55px; */
    }

}
/* ==================================================
   FINAL PAGE SCROLL FIX
================================================== */

html {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    height: auto !important;
}

body {
    overflow: visible !important;
    height: auto !important;
    min-height: 100vh;
    width: 100%;
}

body > .wrapper {
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

main {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}
/* ==================================================
   XTrady Text Marquee
   Preserve original continuous Swiper behaviour
================================================== */

.text-slide .swiper-wrapper {
    transition-timing-function: linear !important;
}

.text-slide .swiper-slide {
    width: auto !important;
    flex-shrink: 0;
}

.text-slide {
    overflow: hidden;
}
/* ==================================================
   StockRitual Services - Equal Height Cards
================================================== */

.services-section .row.row-gap-4 > [class*="col-"] {
    display: flex;
}

.services-section .services-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Keep descriptions consistent */
.services-section .services-box p {
    margin-bottom: 0;
}
/* ==================================================
   StockRitual Process Cards - Equal Height
================================================== */

/* Make Bootstrap columns stretch */
.process-section .row.mt-60 > [class*="col-"] {
    display: flex;
}

/* Make every process card fill the column */
.process-section .process-item {
    width: 100%;
    height: 100%;
}

/* Make inner content fill the complete card */
.process-section .process-item > .d-flex {
    height: 100%;
}
.testimonial-slide .swiper-wrapper {
    align-items: stretch;
}

.testimonial-slide .swiper-slide {
    height: auto !important;
    display: flex;
}

.testimonial-slide .testimonial-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.testimonial-slide .client-body {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.testimonial-slide .client-info {
    margin-top: auto;
}
/* ==================================================
   TESTIMONIAL - RESTORE ORIGINAL QUOTE SIZE
================================================== */

.testimonial-section .testimonial-item .client-body > img {
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
    object-fit: contain;
    display: block;
    margin-bottom: 28px;
}
/* ========================================
   StockRitual Pricing - Equal Cards
======================================== */

.pricing-slide .swiper-wrapper {
    align-items: stretch;
}

.pricing-slide .swiper-slide {
    height: auto;
    display: flex;
}

.pricing-slide .pricing-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Allow feature area to fill remaining space */
.pricing-slide .pricing-body {
    flex: 1;
}

/* Keep button aligned at bottom */
.pricing-slide .pricing-footer {
    margin-top: auto;
}
/* ========================================
   StockRitual Pricing - Center 2 Cards
======================================== */

.pricing-slide .swiper-wrapper {
    justify-content: center;
}

.pricing-slide .swiper-slide {
    margin-left: 0;
    margin-right: 0;
}