/*
 Theme Name:   KBLsystems
 Description:  KBLsystems theme - child of The7
 Author:       WP Orchestra
 Author URI:   https://www.kblsystems.com.au
 Template:     dt-the7
 Version:      1.0.0
*/

/*image boxes*/
#solutions .the7-box-wrapper .box-heading, 
#solutions .the7-box-wrapper .box-description {
    padding-right: 55px !important;
    padding-left: 55px !important;
}


/* MEDIA QUERIES AT THE BOTTOM */

body {
	/* border: 1px solid red !important; */
}

.the7-search-form__submit {
	width: 55px !important;
	border-top-right-radius: 40px !important;
	border-bottom-right-radius: 40px !important;
	margin-left:0px !important;
}
.grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }


/* DESKTOP */

@media only screen and (min-width: 1000px) { 
	.menu-item-77649 { 
}

/* ABOUT */
	
/* MOBILE */
	
@media only screen and (max-width: 1000px) { 
	/* .menu-item-77649 { visibility: hidden; display: none }  */
}


/* HIDE RECAPTCHA */

}

/* Mobile */
@media (max-width: 768px) {
    #solutions .the7-box-wrapper .box-heading, 
    #solutions .the7-box-wrapper .box-description {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
}

/* ===========================================================
   Hide the dark gradient & force a white header once scrolled
   Site: kblsystems.com.au (The7 + Elementor sticky row)
   =========================================================== */


/* Plynulý přechod */
.main-gradient,
header[data-elementor-id="3286"] .elementor-section,
header[data-elementor-id="3286"] .elementor-section > .elementor-background-overlay {
    transition: background-color 0.25s ease,
                background-image 0.25s ease,
                opacity 0.25s ease;
}

/* 1) Sekce hlavičky ve sticky stavu → bílé pozadí, žádný gradient */
header[data-elementor-id="3286"] .elementor-section.the7-e-sticky-effects {
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); /* volitelné jemné oddělení */
}

/* 2) Vypnout overlay (Elementor přes něj často sype gradient) */
header[data-elementor-id="3286"] .elementor-section.the7-e-sticky-effects > .elementor-background-overlay {
    background: transparent !important;
    background-image: none !important;
    opacity: 0 !important;
}

/* 3) Skrýt samostatný .main-gradient element, pokud je hlavička sticky.
   Používáme :has() — sourozenecký selektor podle stavu headeru.        */
body:has(header[data-elementor-id="3286"] .the7-e-sticky-effects) .main-gradient {
    opacity: 0 !important;
    visibility: hidden;
}