/* ===================================================================================

* Theme Name: Indsro Child
* Theme URI: https://themexriver.com/wp/indsro
* Author: ThemeXriver
* Author URI: https://themeforest.net/user/themexriver
* Description: Factory & Industry WordPress Theme
* Version: 1.0.1
* Template: indsro
* Text Domain: indsro-child
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready
* Tested up to: 6.6
* Requires PHP: 7.4

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of indsro updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/* ===================================================================================
 * HERO homepage (tx_hero_slider / view-1.php)
 * - elimină banda neagră: toate slide-urile au aceeași înălțime, iar containerul
 *   se întinde complet sub imagine (object-fit: cover)
 * - NU se forțează aspect-ratio fix 21:9: ar tăia textul/butoanele pe slide-urile
 *   cu mai mult conținut. Înălțimea e dată de cel mai înalt slide.
 * ================================================================================== */

/* Toate slide-urile au aceeași înălțime (cel mai înalt), fără înălțime fixă */
.fti-hero-3-slider .swiper-container .swiper-wrapper {
  align-items: stretch;
}
.fti-hero-3-slider .swiper-slide {
  height: auto;
  display: flex;
}
/* Containerul se întinde pe toată înălțimea slide-ului => imaginea acoperă tot,
   fără bandă neagră, iar conținutul nu mai iese din aria vizuală */
.fti-hero-3-slider .swiper-slide > .fti-hero-3-item {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 520px;
  overflow: hidden; /* conține doar zoom-ul imaginii; textul încape complet */
}

/* Imaginea de fundal și overlay-ul umplu complet containerul */
.fti-hero-3-item .main-bg,
.fti-hero-3-item .overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* Imaginea acoperă perfect zona, fără letterboxing / bandă neagră */
.fti-hero-3-item .main-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Padding-ul conținutului redus și echilibrat — textul și butoanele
   nu mai ies din aria vizuală pe slide-urile cu text mai lung */
.fti-hero-3-wrap {
  padding-top: 200px;
  padding-bottom: 160px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fti-hero-3-wrap {
    padding-top: 150px;
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .fti-hero-3-wrap {
    padding-top: 110px;
    padding-bottom: 100px;
  }
}

/* ===================================================================================
 * Secțiunea cu 4 icon-box-uri de sub HERO (tx_icon_box / view-1 -> .fti-feature-3-wrap)
 * Proiectare Schelă / Montaj & Demontaj / Închiriere Schele / Transport Echipamente
 * - font-size titluri redus cu ~18%
 * - aliniere uniformă pe verticală și orizontală
 * - spacing uniform iconiță -> titlu -> text
 * ================================================================================== */

/* 1. Font-size titluri redus cu ~18% (păstrând breakpoint-urile temei) */
.fti-feature-3-wrap .feature-item .title {
  font-size: 31px; /* era 38px */
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .fti-feature-3-wrap .feature-item .title {
    font-size: 26px; /* era 32px */
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fti-feature-3-wrap .feature-item .title {
    font-size: 25px; /* era 30px */
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fti-feature-3-wrap .feature-item .title {
    font-size: 23px; /* era 28px */
  }
}
@media (max-width: 767px) {
  .fti-feature-3-wrap .feature-item .title {
    font-size: 21px; /* era 25px */
  }
}

/* 2. Aliniere verticală + orizontală uniformă a celor 4 casete */
.fti-feature-3-wrap .feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

/* iconița perfect centrată în zona ei + dimensiune uniformă */
.fti-feature-3-wrap .feature-item .icon-wrap {
  align-items: center; /* era align-content: center — nu centra pe verticală */
  margin-bottom: 24px; /* spacing uniform iconiță -> titlu (era 45px) */
}
.fti-feature-3-wrap .feature-item .icon-wrap .icon img {
  max-height: 80px;
  width: auto;
  object-fit: contain;
}

/* 3. Titlurile pe 1-2 rânduri rămân aliniate între ele; spacing uniform titlu -> text */
.fti-feature-3-wrap .feature-item .title {
  margin-bottom: 24px; /* egal cu gap-ul iconiței (era 20px) */
  min-height: 2.4em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fti-feature-3-wrap .feature-item .tx-description {
  margin-bottom: 0;
}

/* ===================================================================================
 * Secțiunea "Produsele EGEA" — grila de carduri produse
 * (tx_post_grid / view-5 -> .fti-blog-2-card)
 * Săgețile-link erau dezaliniate fiindcă titlurile au lungimi diferite
 * (1 vs 2 rânduri). Ancorăm divider-ul + săgeata în josul fiecărui card,
 * deci toate cele 6 săgeți ajung pe aceeași linie, identic.
 * ================================================================================== */

.fti-blog-2-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.fti-blog-2-card .content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
/* titlul ocupă minim 2 rânduri => punct de start uniform pentru toate cardurile */
.fti-blog-2-card .content .blog-title {
  min-height: 64px; /* 2 x line-height 32px */
}
/* împinge divider-ul + meta + săgeata în partea de jos a cardului */
.fti-blog-2-card .content .blog-card-divider {
  margin-top: auto;
}
/* rezervă spațiu pentru săgeata poziționată absolut */
.fti-blog-2-card .content .blog-meta {
  min-height: 43px;
}

/* ===================================================================================
 * Magazin (Shop) — ascunde traseul breadcrumb din bannerul temei.
 * Bannerul și titlul "Magazin" rămân; dispare doar lista "Home > Magazin > Magazin".
 * Scopat pe pagina Magazin prin clasa de body .woocommerce-shop.
 * ================================================================================== */
body.egea-shop-archive .breadcrumb-area .breadcrumb-list {
  display: none;
}

/* Pagini de produs individual — ascunde doar traseul breadcrumb.
 * Bannerul cu imaginea de fundal rămâne. */
body.single-product .breadcrumb-area .breadcrumb-list {
  display: none;
}

/* ===================================================================================
 * Magazin (Shop) — carduri de produs egale.
 * Cauze ale inegalității: imaginile au înălțime variabilă, iar titlurile
 * ocupă 1 sau 2 rânduri. Egalizăm zona imaginii + titlul și întindem
 * cardul pe toată înălțimea coloanei (rândul .row este flex => coloane egale).
 * ================================================================================== */

/* coloanele devin flex => cardul se întinde pe toată înălțimea rândului */
body.egea-shop-archive .products.row > [class*="col-"] {
  display: flex;
}
body.egea-shop-archive .products .product {
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* zona imaginii — înălțime fixă; produsul rămâne întreg, necropat */
body.egea-shop-archive .products .product--img img {
  height: 310px;
  min-height: 310px;
  object-fit: contain;
}

/* holder-ul absoarbe spațiul rămas => price aliniat consecvent */
body.egea-shop-archive .products .product--holder {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* titlul ocupă minim 2 rânduri => start uniform pentru titlu și preț */
body.egea-shop-archive .products .product--title {
  min-height: 2.6em;
}

/* ===================================================================================
 * Magazin (Shop) — bară de filtre îngustă (sidebar nativ al temei "product-sidebar")
 * + grilă de produse pe 3 coloane lângă sidebar.
 * ================================================================================== */
@media (min-width: 992px) {
  /* sidebar îngust ~232px, restul lățimii merge la produse */
  body.egea-shop-archive .shop-filter-col {
    flex: 0 0 232px;
    max-width: 232px;
  }
  body.egea-shop-archive .shop-products-col {
    flex: 0 0 calc(100% - 232px);
    max-width: calc(100% - 232px);
  }
  /* 3 produse pe rând lângă bara de filtre */
  body.egea-shop-archive .products.row > [class*="col-"] {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
/* tabletă: 2 produse pe rând */
@media (min-width: 576px) and (max-width: 991px) {
  body.egea-shop-archive .products.row > [class*="col-"] {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* ===================================================================================
 * Magazin — bara de toolbar mai îngustă + sidebar de filtre sticky și mai compact.
 * ================================================================================== */

/* bara "Afișez ... rezultate / Sortare" — mai îngustă (mai joasă) */
body.egea-shop-archive .woocommerce-toolbar-top {
  margin-bottom: 28px;
  padding: 6px 8px 6px 22px;
  border-radius: 40px;
}
body.egea-shop-archive p.woocommerce-result-count {
  font-size: 15px;
  font-weight: 600;
}
body.egea-shop-archive .woocommerce-toolbar-top .woocommerce-ordering select {
  height: 42px;
  padding: 7px 32px 7px 18px;
  font-size: 14px;
}

/* sidebar de filtre — sticky la scroll */
@media (min-width: 992px) {
  body.egea-shop-archive .shop-filters {
    position: sticky;
    top: 24px;
  }
}

/* link "Toate produsele" — revenire la Magazin din orice subcategorie */
body.egea-shop-archive .shop-all-link {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 11px 16px;
  background: #f4f4f5;
  border-left: 3px solid var(--fti-pr-1);
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s ease, color .2s ease;
}
body.egea-shop-archive .shop-all-link i {
  font-size: 13px;
}
body.egea-shop-archive .shop-all-link:hover {
  background: var(--fti-pr-1);
  color: #fff;
}
body.egea-shop-archive .shop-all-link.is-current {
  background: var(--fti-pr-1);
  color: #fff;
  pointer-events: none;
}

/* titlul filtrului — font mai mic */
body.egea-shop-archive .shop-filters .widget-title {
  font-size: 18px;
  margin-bottom: 14px;
}

/* lista de categorii — font mai mic, aranjare mai curată */
body.egea-shop-archive .shop-filters ul.product-categories,
body.egea-shop-archive .shop-filters ul.product-categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.egea-shop-archive .shop-filters ul.product-categories li {
  font-size: 14px;
  line-height: 1.4;
  padding: 8px 0;
  border-bottom: 1px solid #ededed;
  overflow: hidden;
}
body.egea-shop-archive .shop-filters ul.product-categories > li:last-child {
  border-bottom: 0;
}
body.egea-shop-archive .shop-filters ul.product-categories a {
  color: #41454d;
  text-decoration: none;
  transition: color .2s ease;
}
body.egea-shop-archive .shop-filters ul.product-categories a:hover {
  color: var(--fti-pr-1);
}
body.egea-shop-archive .shop-filters ul.product-categories .count {
  float: right;
  font-size: 12px;
  color: #9a9a9a;
}
body.egea-shop-archive .shop-filters ul.product-categories ul.children {
  margin-top: 6px;
  padding-left: 14px;
  border-top: 1px solid #ededed;
}