/* ===================================================================================

* Theme Name: Sassriver Child
* Theme URI: https://themexriver.com/wp/sassriver
* Author: ThemeXriver
* Author URI: https://themeforest.net/user/themexriver
* Description: SaaS & StartUp WordPress Theme
* Version: 1.0.0
* Template: sassriver
* Text Domain: sassriver-child
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready
* Tested up to: 6.6
* Requires PHP: 7.4

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of sassriver updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
/* ===============================
   AI MEGA MENU – 5 ITEMS PER COLUMN
   =============================== */

/* Make parent static so mega menu can be full width */
#main-nav > li.ai-mega-menu {
    position: static;
}

/* Mega menu container */
#main-nav > li.ai-mega-menu > ul.dropdown-menu {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(5, auto); /* ✅ 5 items per column */
    gap: 12px 40px;

    padding: 30px 40px;
    min-width: 900px;
    width: max-content;

    left: 50%;
    transform: translateX(-50%);
}

/* Menu items */
#main-nav > li.ai-mega-menu > ul.dropdown-menu > li {
    list-style: none;
    white-space: nowrap;
}

/* Optional: better link spacing */
#main-nav > li.ai-mega-menu > ul.dropdown-menu > li > a {
    display: block;
    padding: 6px 0;
}

/* Mobile fallback */
@media (max-width: 991px) {
    #main-nav > li.ai-mega-menu > ul.dropdown-menu {
        display: block;
        min-width: 100%;
        transform: none;
        left: 0;
    }
}

/* ==================================================
   STYLE 1 – Disable Original Gallery Render
================================================== */
.sr-hero-1-area > .sr-hero-1-brand-logo {
    opacity: 0;
    pointer-events: none;
}



/* ==================================================
   Custom Gallery Wrapper (Below Buttons)
================================================== */
.tx-style1-gallery-wrap {
    margin-top: 24px;
}


/* ==================================================
   Gallery Row (Heading + Icons in One Line)
================================================== */
.tx-style1-gallery-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    flex-wrap: nowrap;
    margin-top: 20px;
}


/* ==================================================
   Heading
================================================== */
.tx-style1-gallery-heading {
    font-family: Urbanist, sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.6px;
    white-space: nowrap;
    margin: 0;
}


/* ==================================================
   Icons Row
================================================== */
.tx-style1-gallery-icons {
    display: flex;
    align-items: center;
    
}


/* ==================================================
   Individual Icon Reset / Cleanup
================================================== */
.tx-style1-gallery-icons .sr-hero-1-brand-logo {
    position: static !important;
    opacity: 1 !important;
    pointer-events: auto;
    animation: none !important;
}


/* ==================================================
   Icon Images
================================================== */
.tx-style1-gallery-icons img {
    max-height: 66px;
    width: auto;
    display: block;
    opacity: 0.9;
}

.tx-style1-gallery-icons img:hover {
    opacity: 1;
}


/* ==================================================
   Brand Logo Base Styling
================================================== */
.sr-hero-1-brand-logo {
/*     width: 100px !important; */
    height: auto !important;
    border-radius: 0 !important;
    background: inherit !important;
    border: none;
}


/* Second Logo Bigger */
.tx-style1-gallery-icons .sr-hero-1-brand-logo.is-large {
    width: 200px !important;
}
.tx-style1-gallery-icons .sr-hero-1-brand-logo.logo-4{
	width:82px;
}

.tx-style1-gallery-icons{
	    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* FAQ SECTION CSS */
/* Layout lock */
.sr-accordion .item-title {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

/* Text area */
.sr-accordion .faq-text {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Open state */
.sr-accordion .item-title:not(.collapsed) .faq-text {
    white-space: normal;
}

/* Icon */
.sr-accordion .icon-2 {
    flex-shrink: 0;
}
/* Question part ( ? tak ) */
.sr-accordion .faq-question {
    font-weight: 700;
    font-size: inherit;
}

/* After ? part */
.sr-accordion .faq-desc {
    font-weight: 400;
    font-size: 0.9em; /* thoda chhota */
    opacity: 0.85;
}
.sr-accordion .faq-question,
.sr-accordion .faq-desc {
    display: inline;
    margin: 0;
    padding: 0;
}


.tx-style1-gallery-icons .sr-hero-1-brand-logo {
    visibility: visible !important;
    animation: none !important;
}



/* ==================================================
   FORCE SHOW BRAND LOGOS (Override Theme Mobile Hide)
================================================== */
/* ==================================================
   DESKTOP FIX – Restore Layout Without Touching Mobile
================================================== */
@media (min-width: 1025px) {

    /* Restore flex layout */
    .tx-style1-gallery-icons {
        display: flex !important;
        align-items: center;
     
    }

    /* Restore inline/flex behavior for logos */
    .tx-style1-gallery-icons .sr-hero-1-brand-logo {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Images behave normally */
    .tx-style1-gallery-icons img {
        display: block !important;
        max-height: 66px;
    }
}


/* Prevent WOW / animation frameworks from hiding */
.tx-style1-gallery-icons .wow {
    visibility: visible !important;
    animation: none !important;
}

/* Mobile & Tablet explicit override */
@media (max-width: 1024px) {
    .tx-style1-gallery-icons {
        display: flex !important;
        justify-content: center;
        flex-wrap: wrap;
    }
}

/* ==================================================
   HIDE ORIGINAL THEME LOGOS
   KEEP CUSTOM GALLERY LOGOS
================================================== */

/* Hide ALL brand logos by default */
.sr-hero-1-area .sr-hero-1-brand-logo {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Re-enable ONLY the custom gallery logos */
.tx-style1-gallery-wrap .sr-hero-1-brand-logo {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
}


.tx-contactPage {
    max-width: 800px;
    margin: 0 auto;
}

.custom-url-input {
    width: 100%;
    height: 55px;
    padding: 0 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    transition: all 0.3s ease;
    background: #fff;
}

.custom-url-input:focus {
    border-color: #6c5ce7;
    box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.15);
    outline: none;
}

/* Button Styling */
.sr-pr-btn-1 {
    height: 55px;
    border-radius: 8px;
    background: linear-gradient(135deg, #6c5ce7, #8e7dff);
    border: none;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
}

.sr-pr-btn-1:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(108, 92, 231, 0.25);
}
.tx-contactPage input[type="url"] {
    border: 1px solid #dcdcdc !important;
    border-radius: 6px;
    padding: 12px 18px;
    background: #fff;
    transition: all 0.3s ease;
}

.tx-contactPage input[type="url"]:focus {
    border: 1px solid #6c5ce7 !important;
    box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.15);
    outline: none;
}
.sr-cta-1-wrap {
    border-radius: none;
    outline:none;
    border: none;
    background: #fff;
}