/*
 Theme Name: Streamlab Child
 Theme URI: http://streamlab.gentechtree.com/
 Description:  Streamlab Child Theme
 Author: Gentechtree
 Author URI: gentechtree.com
 Template: streamlab
 Version:  1.0.0
 License:   GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: amzon prime, elementor Streaming, films, hbo, hotstar, mas videos, movies, Netflix, ott Streaming, tv shows, video streaming, web series, WordPress Elementor theme
 Text Domain:  streamlab-child
*/
/*------------------------------------------------------------------------*/
/*Atualizações para o header novo criado no chatgpt, criado em 21-05-2025 */
/*------------------------------------------------------------------------*/

/* -------------------------------------- */
/* Versão Desktop                         */
/* -------------------------------------- */

		.logo-mini {
		  display: none;
		}

		.logo-full {
		  display: block;
		  height: 50px;
		  width: auto;
		}

		.navbar-brand img {
		  height: 50px !important;
		  width: auto !important;
		  max-width: none !important;
		  object-fit: contain !important;
		}

		.gen-header-info-box {
		  display: flex;
		  justify-content: flex-end;
		  align-items: center;
		  gap: 20px;
		}

		.gen-search-form-1 {
		  order: 1;
		}
		.menu-wrapper {
		  order: 2;
		}
		.gen-account-holder {
		  order: 3;
		}

		.gen-search-form-1 .search-wrapper {
		  display: flex;
		  align-items: center;
		  justify-content: space-between;
		  background-color: rgba(255, 255, 255, 0.08);
		  border-radius: 4px;
		  padding: 0 10px;
		  height: 40px;
		  width: 60vw;
		  max-width: 240px;
		  gap: 8px;
		}

		.gen-search-form-1 input[type="search"] {
		  background: transparent;
		  border: none;
		  color: white;
		  font-size: 14px;
		  flex: 1;
		  height: 38px;
		  line-height: 38px;
		  outline: none;
		}

		.gen-search-submit {
		  background: transparent !important;
		  border: none !important;
		  padding: 0 !important;
		  margin: 0 !important;
		  height: 38px !important;
		  width: 36px !important;
		  display: flex !important;
		  align-items: center !important;
		  justify-content: center !important;
		  cursor: pointer !important;
		  box-shadow: none !important;
		}

		.gen-search-submit svg {
		  width: 20px;
		  height: 20px;
		  fill: white;
		  transform: translateY(-1px);
		}

		.gen-search-form-1 .screen-reader-text {
		  display: none !important;
		}

		/* -------------------------------------- */
		/* Menu do usuário                        */
		/* -------------------------------------- */
		.gen-account-holder {
		  position: relative !important;
		}

		.gen-account-menu {
		  position: absolute !important;
		  right: 0 !important;
		  top: 100% !important;
		  background-color: rgba(0, 0, 0, 0.9) !important;
		  padding: 10px 15px !important;
		  border-radius: 4px !important;
		  box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
		  z-index: 9999 !important;
		  display: none;
		}

		.gen-account-menu.visible {
		  display: block !important;
		}

		.gen-account-menu ul {
		  list-style: none !important;
		  margin: 0 !important;
		  padding: 0 !important;
		}

		.gen-account-menu ul li {
		  margin-bottom: 8px !important;
		}

		.gen-account-menu ul li:last-child {
		  margin-bottom: 0 !important;
		}

		.gen-account-menu ul li a {
		  background-color: transparent !important;
		  color: white !important;
		  display: block;
		  padding: 6px 12px;
		  border-radius: 4px;
		  transition: color 0.2s ease;
		}

		.gen-account-menu ul li a:hover {
		  color: #ff0000 !important;
		}

		/* --------------------------- */
		/* Mobile: 320px a 370px       */
		/* --------------------------- */
		@media (max-width: 370px) {
		  .navbar {
			display: flex !important;
			align-items: center !important;
			justify-content: space-between !important;
			flex-wrap: nowrap !important;
			width: 100% !important;
			overflow: visible !important;
		  }

		  .navbar-brand {
			margin-right: auto !important;
		  }

		  .logo-full {
			display: none !important;
		  }

		  .logo-mini {
			display: block !important;
			max-width: 72px !important;
			height: auto !important;
		  }

		  .gen-header-info-box {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			padding: 0 6px;
			gap: 6px;
			flex-wrap: nowrap;
			overflow: visible;
			position: relative;
			width: 100%;
			margin: 0 !important;
		  }

		  .mobile-search,
		  .menu-wrapper,
		  .gen-account-holder {
			width: 34px !important;
			height: 34px !important;
			min-width: 34px !important;
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			position: relative;
			flex-shrink: 0;
		  }

		  .mobile-search .search-wrapper {
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			width: 34px !important;
			height: 34px !important;
			position: relative !important;
		  }

		  .mobile-search input.search-field {
			display: none;
			position: absolute;
			top: 44px;
			right: 0;
			background: #222;
			border: 1px solid #666;
			color: white;
			padding: 6px 10px;
			border-radius: 4px;
			width: 180px;
			z-index: 10000;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
		  }

		  .mobile-search.active input.search-field {
			display: block !important;
		  }

		  .gen-search-submit {
			width: 34px !important;
			height: 34px !important;
			background: transparent !important;
			border: none !important;
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			padding: 0 !important;
			margin: 0 !important;
		  }

		  .gen-search-submit svg,
		  .gen-account-holder a svg {
			width: 20px !important;
			height: 20px !important;
		  }

		  .gen-account-holder {
			order: 2;
			z-index: 9999;
		  }

		  .gen-account-holder a {
			background-color: #d10000;
			border-radius: 50%;
			width: 34px !important;
			height: 34px !important;
			display: flex;
			align-items: center;
			justify-content: center;
		  }

		  .gen-account-menu {
			position: absolute;
			top: 44px;
			right: 0;
			background: #111;
			padding: 10px 12px;
			border-radius: 6px;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
			z-index: 99999 !important;
			display: none;
			min-width: 140px;
			flex-direction: column;
		  }

		  .gen-account-menu.visible {
			display: flex !important;
		  }

		  .menu-wrapper {
			order: 3;
			margin-left: 0 !important;
			margin-right: 0 !important;
			z-index: 1;
		  }

		  .menu-wrapper button, .mega-toggle-animated {
			width: 34px !important;
			height: 34px !important;
			background: none !important;
			border: none !important;
			padding: 0 !important;
			margin: 0 !important;
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
		  }
			
			.mega-menu-toggle {
				margin: 2px 2px 2px 2px !important; 
			}

		  .mega-toggle-animated-box {
			width: 20px !important;
			height: 16px !important;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		  }

		  .mega-toggle-animated-inner,
		  .mega-toggle-animated-inner::before,
		  .mega-toggle-animated-inner::after {
			content: '';
			display: block;
			background: white;
			height: 2px !important;
			width: 30px !important;
			border-radius: 1px !important;
		  }
		}

		/* --------------------------- */
		/* Mobile: 371px a 991px       */
		/* --------------------------- */
		@media (min-width: 371px) and (max-width: 991px) {
		  .navbar {
			display: flex !important;
			align-items: center !important;
			justify-content: space-between !important;
			flex-wrap: nowrap !important;
			width: 100% !important;
			overflow: visible !important;
		  }

		  .navbar-brand {
			margin-right: auto !important;
		  }

		  .logo-full {
			display: none !important;
		  }

		  .logo-mini {
			display: block !important;
			max-width: 100px !important;
			height: auto !important;
		  }

		  .gen-header-info-box {
			display: flex !important;
			justify-content: flex-end !important;
			align-items: center !important;
			gap: 6px !important;
			flex-wrap: nowrap !important;
			width: 100% !important;
			box-sizing: border-box !important;
			overflow: visible !important;
			position: relative !important;
			padding: 0 8px !important;
			margin: 0 !important;
		  }

		  .mobile-search,
		  .menu-wrapper,
		  .gen-account-holder {
			width: 36px;
			height: 36px;
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			flex-shrink: 0 !important;
			position: relative;
			margin-left: 12px !important;
		  }

		  .mobile-search .search-wrapper {
			position: relative;
			width: 100%;
			height: 100%;
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
		  }

		  .mobile-search input.search-field {
			display: none;
			position: absolute;
			top: 44px;
			right: 0;
			background: #222;
			border: 1px solid #666;
			color: white;
			padding: 6px 10px;
			border-radius: 4px;
			width: 180px;
			z-index: 9999;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
		  }

		  .mobile-search.active input.search-field {
			display: block !important;
		  }

		  .gen-search-submit,
		  .menu-wrapper button,
		  .mega-toggle-animated {
			width: 36px !important;
			height: 36px !important;
			padding: 0 !important;
			margin: 0 !important;
			background: none !important;
			border: none !important;
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
		  }

		  .gen-search-submit svg,
		  .gen-account-holder a svg {
			width: 20px !important;
			height: 20px !important;
		  }

		  .gen-account-holder {
			order: 2;
			z-index: 1;
			width: 45px !important;
			height: 45px !important;
			margin: 0 4px 0 10px !important;
		  }

		  .gen-account-holder a {
			background-color: #d10000;
			border-radius: 50px;
			width: 36px;
			height: 36px;
			display: flex;
			align-items: center;
			justify-content: center;
		  }

		  .gen-account-menu {
			position: absolute;
			top: 44px;
			right: 0;
			background: #111;
			padding: 10px 12px;
			border-radius: 6px;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
			z-index: 99999 !important;
			display: none;
			min-width: 140px;
			flex-direction: column;
		  }

		  .gen-account-menu.visible {
			display: flex !important;
		  }

		  .mega-toggle-animated-box {
			width: 24px;
			height: 18px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		  }

		  .mega-toggle-animated-inner,
		  .mega-toggle-animated-inner::before,
		  .mega-toggle-animated-inner::after {
			content: '';
			display: block;
			background: white;
			height: 3px;
			width: 100%;
			border-radius: 2px;
		  }

		  .menu-wrapper {
			order: 3;
			z-index: 5;
		  }

		  .gen-header-style-3 {
			position: relative;
			z-index: 1;
		  }
		}

.navbar {
			  display: flex !important;
			  align-items: center !important;
			  justify-content: space-between !important;
			  flex-wrap: nowrap !important;
			  width: 100% !important;
			  overflow: visible !important;
			}