/* =========================================================
   AUTOVENT - ELEMENTOR BRIDGE (structure only)
   ---------------------------------------------------------
   Typography (font-family / font-size / font-weight /
   line-height / text-transform) aur colors yahan se hata
   diye gaye hain. Ab ye sab Elementor se control hoga:
   Elementor > Site Settings > Global Fonts / Global Colors,
   ya har widget ke Style tab se.

   Yahan sirf LAYOUT / SPACING / STRUCTURE bacha hai, taaki
   cards, tabs, marquee animation waghairah toote nahi.
   ========================================================= */


/* ---- expert captions (image overlay caption) ---- */
.av-cap{position:relative;overflow:hidden}
.av-cap img{width:100%;transition:.3s}
.av-cap:hover img{transform:scale(1.08)}
.av-cap .widget-image-caption{position:absolute;left:0;bottom:0;width:100%;margin:0;padding:10px 5px;text-align:center}

/* ---- CSS MARQUEE (sirf animation, styling Elementor se) ---- */
.av-marquee{overflow:hidden;white-space:nowrap}
.av-marquee .elementor-heading-title{display:inline-block;white-space:nowrap;animation:av-scroll 40s linear infinite}
.av-marquee:hover .elementor-heading-title{animation-play-state:paused}
@keyframes av-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ---- SCHEDULE TABS (layout only) ---- */
.av-tabs .elementor-tabs-wrapper{display:flex;flex-wrap:wrap;justify-content:center;border:none}
.av-tabs .elementor-tab-title{margin:5px;padding:16px 30px;border:none}
.av-tabs .elementor-tab-content{border:none;padding:30px}

.av-slot{display:flex;gap:20px;align-items:center;padding:20px 0}
.av-slot img{width:70px;height:70px;border-radius:50%;object-fit:cover}
.av-slot .t{min-width:90px}
.av-slot h5{margin:0 0 4px}

/* ---- TICKET CARDS (layout only) ---- */
.av-ticket{position:relative;overflow:hidden;padding:40px!important}
.av-ticket>div{position:relative;z-index:5}
.av-ticket h3.elementor-heading-title{text-align:center}
.av-ticket h3.elementor-heading-title span{display:block}
.av-price .elementor-heading-title{text-align:center}
.av-ticket .elementor-icon-list-item{padding:8px 0;justify-content:center}
.av-ticket .elementor-icon-list-icon{display:none}
.av-ticket .no-feat .elementor-icon-list-text{opacity:.3;text-decoration:line-through}

/* ---- TESTIMONIALS (layout only) ---- */
.av-testi{padding:30px 40px;height:100%}
.av-testi .by{display:flex;align-items:center;gap:12px;margin-top:20px}
.av-testi .by img{width:50px;height:50px;border-radius:50%;object-fit:cover}

/* ---- sponsors ---- */
.av-sponsor img{opacity:.7;transition:.3s}
.av-sponsor img:hover{opacity:1}

/* ---- WOW: Elementor editor me elements hidden na rahe ---- */
body.elementor-editor-active .wow,
.elementor-edit-mode .wow{visibility:visible!important;-webkit-animation:none!important;animation:none!important}


/* =========================================================
   OPTIONAL - purana gradient-text look
   Agar counters / price / slot-time pe wapas gradient text
   chahiye ho to neeche wala block uncomment kar dena.
   Dhyan rahe: ye Elementor ka color control override karega.
   ---------------------------------------------------------
.av-counter .elementor-counter-number-wrapper,
.av-slot .t{
  background:linear-gradient(45deg,var(--primary-color) 0%,var(--secondary-color) 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.av-marquee .elementor-heading-title{
  color:transparent!important;-webkit-text-stroke:1px var(--primary-color);
}
.av-ticket:before{content:"";position:absolute;top:0;left:0;width:250px;height:250px;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),1) 0%,rgba(var(--primary-color-rgb),0) 50%);pointer-events:none}
.av-ticket:after{content:"";position:absolute;bottom:0;right:0;width:250px;height:250px;background:linear-gradient(-45deg,rgba(var(--secondary-color-rgb),1) 0%,rgba(var(--secondary-color-rgb),0) 50%);pointer-events:none}
   ========================================================= */