/*
Theme Name: Apptek
Theme URI: https://apptek.apptek.com/
Author: apptek
Author URI: https://apptek.radiantthemes.com/
Description:  Apptek is a responsive WordPress theme created for software startup, software development company, app designer and other technology related business websites. Built with Elementor page builder for software related websites. apptek WordPress Theme has highly responsive layouts built especially for software company, Software developer, app designer.
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: apptek
Tags: app, saas, software, blog, applicatiom, design, mobile, shop, trendy, custom-colors, woocommerce, theme-options, left-sidebar, right-sidebar, header options, sticky post, translation ready, threaded comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

apptek is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* Sticky Top Banner */
.top-banner{
  position: sticky;           /* sticky */
  top: 0;
  z-index: 9999;
  width: 100%;
  background: #062c4a;        /* dark blue */
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
}

.top-banner__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: center;    /* keeps content centered */
  gap: 18px;
}

.top-banner__text{
  margin: 0;
  color: #ffffff;
  font: 600 20px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  text-align: center;
}

.top-banner__highlight{
  color: #27d17a;             /* green highlight */
  font-weight: 800;
}

.top-banner__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  background: #27d17a;
  color: #001b12;
  text-decoration: none;
  font: 700 16px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  border-radius: 4px;
  white-space: nowrap;
}

.top-banner__btn:hover{
  filter: brightness(0.95);
}
/* Default hidden state */
.qb-app-reveal{
  opacity: 0;
  transform: translateY(40px);
  transition: opacity .6s ease, transform .6s ease;
  will-change: opacity, transform;
}

/* Visible state */
.qb-app-reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}
.tracklistapp{min-width: 100% !important;display: flex !important;}
.tracklistappbtn{min-width: 100% !important;}
.trackhead{min-width: 100% !important;}
.tracklistappbtn a.elementor-button {
    width: 100%;
    text-align: center;
    display: flex;
}
.tracktablist .elementor-widget.elementor-widget-button {
    min-width: 100% !important;
}
.tracktablist .elementor-widget.elementor-widget-text-editor ul li {
    list-style: inside !important;
}
.tracktab .e-n-tab-title-text {
    min-width: 100%;
}
.tracktab .e-n-tabs-heading button {
    padding: 10px 0 10px 13px;
}
.trackminwidth .e-con .elementor-widget {
    min-width: 100% !important;
}
.uc_quote_info .ue-text p {
    color: #fff !important;
}
/* UC Testimonial Carousel: force author/title area left */
div[id^="uc_responsive_testemonial_carousel_elementor_"] .owl-item,
div[id^="uc_responsive_testemonial_carousel_elementor_"] .uc_quote_item,
div[id^="uc_responsive_testemonial_carousel_elementor_"] .uc_quote_info{
  text-align: left !important;
}

/* Force the author block to stack + align left */
div[id^="uc_responsive_testemonial_carousel_elementor_"] .uc_author,
div[id^="uc_responsive_testemonial_carousel_elementor_"] .uc_author_info{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100% !important;
}

/* Force title itself left */
div[id^="uc_responsive_testemonial_carousel_elementor_"] .ue_title{
  width: 100% !important;
  display: block !important;
  text-align: left !important;
}

/* Responsive */
@media (max-width: 768px){
  .top-banner__inner{
    padding: 12px 14px;
    gap: 12px;
  }
  .top-banner__text{
    font-size: 16px;
  }
  .top-banner__btn{
    padding: 10px 16px;
    font-size: 14px;
  }
	  .qb-app-reveal{ transform: translateY(24px); }


}

@media (max-width: 520px){
  .top-banner__inner{
    flex-direction: column;   /* stack on small screens */
    gap: 10px;
  }
  .top-banner__btn{
    width: min(220px, 100%);
  }
}