/*
 Theme Name:   Tuition Institute Child
 Theme URI:    https://yoursite.com
 Description:  Child theme for Twenty Twenty-Five – Tuition/Coaching Institute
 Author:       Your Name
 Template:     twentytwentyfive
 Version:      1.0.0
 Text Domain:  tuition-child
*/

/* =========================================================
   Global Overrides & Institute Branding
   (Detailed styles are in assets/css/main.css)
   ========================================================= */
:root {
  --wp--preset--color--primary:   #ff6b35;
  --wp--preset--color--secondary: #0057a8;
  --wp--preset--color--dark:      #1a1a2e;
}

/* =========================================================
   SLIDER HEIGHT +20% & FULL IMAGE (NO CROP) OVERRIDE
   Desktop: 504px | Tablet: 384px | Mobile: 288px
   ========================================================= */

/* --- Container height --- */
.ti-hero-slider {
  min-height: 504px !important;
}

/* --- Slide: full image, no crop --- */
.ti-hbg-slide {
  background-color: #000;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.ti-hbg-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
}

/* --- Elementor widget slider (if used) --- */
.elementor-widget-image-carousel .swiper-slide img,
.elementor-widget-image-carousel .swiper-wrapper img {
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
  height: auto !important;
  max-height: 504px !important;
}

/* --- Tablet (max 768px) --- */
@media (max-width: 768px) {
  .ti-hero-slider {
    min-height: 384px !important;
  }
  .elementor-widget-image-carousel .swiper-slide img,
  .elementor-widget-image-carousel .swiper-wrapper img {
    max-height: 384px !important;
  }
}

/* --- Mobile (max 480px) --- */
@media (max-width: 480px) {
  .ti-hero-slider {
    min-height: 288px !important;
  }
  .elementor-widget-image-carousel .swiper-slide img,
  .elementor-widget-image-carousel .swiper-wrapper img {
    max-height: 288px !important;
  }
}