/*
Theme Name: Smart Ellegence
Theme URI: 
Author: SM
Author URI: 
Description: Custom developed theme for smart ellegence.
Tested up to: 6.9
Requires at least: 4.7
Requires PHP: 5.2.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: smartellegence
*/


/* ===== CONTROLLER BLOCK SECTION FIX ===== */

.controller-block-section .portfolio-item img {
  width: 100%;
  height: 100%; /* consistent image size */
  object-fit: contain;
  background: #f5f5f5;
/*   padding: 10px; */
  border-radius: 10px;
/*   margin-bottom: 5px; /* reduced gap */ */
}

/* Text alignment + spacing fix */
.controller-block-section .portfolio-info {
  text-align: center;
  margin-top: 0; /* remove extra gap */
  padding-top: 0;
}

.controller-block-section .portfolio-info h4 {
  margin: 5px 0 0; /* tight spacing */
  font-size: 16px;
  font-weight: 600;
}

/* Optional spacing between cards */
.controller-block-section .portfolio-item {
  margin-bottom: 20px;
}

/*Home automation div images alignment**/
.home-automation-div img {
    min-height: 100% !important;
}


/*Hide section below slider for destp view */
.mobile_view_text{
display: none;
}

h2.about-title {
    text-transform: uppercase;
}

p.about-description.quote-text {
    font-style: italic;
    font-family: auto;
    font-size: 20px; 
}


/***
 * HOME CUSTOM CSS STARTS HERE
 * */

 #hero-slider{
    padding-top: 1px!important;
   }



  #hero-slider .carousel-item img {
    height: 100%;
    object-fit: cover;
  }

  #hero-slider .carousel-caption {
    position: absolute;
    top: 35%;
    left: 5%;
    max-width: 600px;
  }

  #hero-slider h2 {
    font-size: 3rem;
    font-weight: 700;
  }

  #hero-slider p {
    font-size: 1.2rem;
    margin-top: 10px;
  }

  /* Dark overlay */
#hero-slider .carousel-item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45); /* adjustable opacity */
z-index: 1;
}


/* Make sure caption is above overlay */
#hero-slider .carousel-caption {
position: absolute;
top: 35%;
left: 5%;
max-width: 600px;
z-index: 2;
}

.list-unstyled li:hover {
  background-color: #f1f7ff;
  transition: 0.25s ease-in-out;
  border-color: #0d6efd;
}



@media only screen and (min-width: 320px) and (max-width: 480px) {
	div#homeTopCarousel {
   
    min-height: 170px;
}

  #hero-slider .carousel-item {
    max-height:100% ;
 }

  #hero-slider .carousel-item img {
     min-height: 170px;
    height: 100%!important;
    object-fit: inherit;
  }

  #hero-slider .carousel-caption {
    position: absolute;
    top: 35%;
    left: 5%;
    max-width: 600px;
  }

  #hero-slider h2 {
    font-size: 16px;
    font-weight: 700;
  }

  #hero-slider p {
    font-size: 12px;
    margin-top: 10px;
  }
  .top-slider-btn{
  	height: 35px;
  	width: 120px;
  	padding: 0px;
  }
}

/* For slider section css */
@media only screen and (min-width: 320px) and (max-width: 767px) {

/*Hide slider text on mobile view*/
  .slider_text_section{
    display: none!important;
  }

/**Show a new section below the slider in the mobile view*/
.mobile_view_text{
display: block;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  div#homeTopCarousel {
   
    min-height: 170px;
}

  #hero-slider .carousel-item {
    max-height:100% ;
 }

  #hero-slider .carousel-item img {
     min-height: 170px;
    height: 100%!important;
    object-fit: inherit;
  }

  #hero-slider .carousel-caption {
    position: absolute;
    top: 35%;
    left: 5%;
    max-width: 600px;
  }

  #hero-slider h2 {
    font-size: 16px;
    font-weight: 700;
  }

  #hero-slider p {
    font-size: 12px;
    margin-top: 10px;
  }
  .top-slider-btn{
  	height: 30px;
  	width: 120px;
  }
}





/***
 * HOME CUSTOM CSS ENDS HERE
 * */


 /***
 * HOME AUTOMATION CUSTOM CSS STARTS HERE
 * */

/* FORCE GRID INSTEAD OF MASONRY */
.isotope-container {
  display: flex !important;
  flex-wrap: wrap;
}

/* CARD COLUMN */
.portfolio-item {
  display: flex;
}

/* FULL CARD */
.portfolio-content {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 310px;     /* ensures equal card height */
}

/* IMAGE WRAPPER FIXED */
.portfolio-content a {
  display: block;
  width: 100%;
  min-height: 50px;
  max-height: 230px;
  overflow: hidden;
}

/* IMAGE PERFECT CROP */
.portfolio-content img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  display: block;
}

/* TITLE AREA FIX */
.portfolio-info {
  padding: 12px;
  min-height: 70px;
  display: flex;
  align-items: center;
}

.portfolio-info h4 {
  font-size: 15px;
  margin: 0;
  line-height: 1.4;
}

/* REMOVE GLIGHTBOX EXTRA SPACING BUG */
.glightbox {
  margin: 0 !important;
}

/* HOVER */
.portfolio-content:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}

.panel-customisation{
  background-color: var(--surface-color);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    height: 100%;
    overflow: hidden;
}
.panel-customisation_img img{
  width: 100%;
  min-height: 200px;
}
.panel-customisation_img{
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    height: 100%;
    overflow: hidden;
}

 /***
 * HOME AUTOMATION CUSTOM CSS ENDS HERE
 * */

 /***
 * SERVICES SECTION CUSTOM CSS ENDS HERE
 * */
 .portfolio .service-portfolio-content {
    transition: 0.3s;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 250px;
}
 /***
 * SERVICES SECTION CUSTOM CSS ENDS HERE
 * */