/* ==========================================================================
   Homepage sections — semantic classes (replaces Flatsome auto-generated ids)
   Each block mirrors resources/views/site/home/<section>.blade.php
   ========================================================================== */

/* --- Hero banner --- */
.banner.home-hero{padding-top:150%}
.home-hero__box{width:89%}
.home-hero__box .text-box-content{font-size:100%}
.home-hero__title{font-size:.75rem;text-align:left;color:#fff}
.home-hero__title > *{color:#fff}
@media (min-width:550px){
  .banner.home-hero{padding-top:50%}
  .home-hero__box{width:95%}
  .home-hero__title{font-size:1.4rem}
}

/* --- About --- */
.section.home-about{padding-top:0;padding-bottom:0}
.home-about__text-col > .col-inner{padding:15px 0 0 0}
.home-about__title{font-size:1.3rem;color:#000}
.home-about__title > *{color:#000}
.home-about__body{font-size:1.1rem;color:#000;padding-top:10px}
.home-about__body > *{color:#000}
.home-about__image{width:100%}
@media (min-width:550px){.section.home-about{padding-top:60px;padding-bottom:60px}}

/* --- Featured products --- */
.section.home-products{padding-top:0;padding-bottom:0;background-color:#f9fafb}
.home-products__title{font-size:1.4rem;text-align:center;color:#000}
.home-products__title > *{color:#000}
.home-products__more{padding-top:30px;margin-bottom:-30px}
@media (min-width:550px){.section.home-products{padding-top:60px;padding-bottom:60px}}

/* --- Product categories --- */
.section.home-categories{padding-top:0;padding-bottom:0}
.home-categories__title{font-size:1.4rem;text-align:center;color:#000}
.home-categories__title > *{color:#000}
.home-categories__subtitle{font-size:1.1rem;text-align:center;color:#000}
.home-categories__subtitle > *{color:#000}
@media (min-width:550px){.section.home-categories{padding-top:60px;padding-bottom:60px}}

/* Category card (components/category-card.blade.php) */
.category-card__cover{padding-top:80%}
.category-card__text{background-color:#f9fafb;padding:1.25rem 1.5rem}
/* name + count on one line, CTA underneath; count spans both rows on the right */
.category-card__body{
  display:grid;grid-template-columns:1fr auto;
  align-items:center;gap:8px 12px;text-align:left;
}
.category-card .category-card__name{grid-column:1;grid-row:1;margin:0;font-size:1rem;line-height:1.35}
.category-card__count{
  grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end;
  margin:0;color:#6c757d;white-space:nowrap;
}
.category-card__cta{grid-column:1;grid-row:2;justify-self:start}
.category-card .button.is-link{
  display:inline-flex;align-items:center;gap:6px;
  padding:10px 20px;border-radius:6px;line-height:1;margin:0;
  background-color:var(--brand-red,#E30613)!important;color:#fff!important;
}
.category-card .button.is-link:hover{background-color:#b8050f!important;opacity:1}
.category-card .button.is-link i{margin:0}

/* --- Why choose us --- */
.section.home-features{padding-top:30px;padding-bottom:30px;background-color:#f4f8fd}
.home-features__title{font-size:1.4rem;text-align:center;color:#000}
.home-features__title > *{color:#000}
.home-features__subtitle{font-size:1.1rem;text-align:center;color:#000}
.home-features__subtitle > *{color:#000}
.home-features__row > .col > .col-inner{background-color:#fff}
.home-feature-col > .col-inner{padding:2rem;border-radius:8px}
.home-feature-col .text,
.home-feature-col .text > *{color:#000}
@media (min-width:550px){.section.home-features{padding-top:60px;padding-bottom:60px}}

/* --- Achievements / stats --- */
.section.home-stats{padding-top:30px;padding-bottom:30px;background-color:#00a4e2}
.home-stats__title{font-size:1.4rem;text-align:center}
.home-stats__subtitle{font-size:1.1rem;text-align:center}
.home-stat-col > .col-inner{margin:0}
.home-stat__value{font-size:150%}
@media (min-width:550px){
  .section.home-stats{padding-top:60px;padding-bottom:60px}
  .home-stat-col > .col-inner{margin:0 0 -30px 0}
}

/* --- Recruitment --- */
.section.home-recruit{
    padding-top:0;padding-bottom:0;
    background-color:#eaf3fb;
    background-image:linear-gradient(135deg, rgba(0,163,226,.06) 0%, rgba(227,6,19,.05) 100%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 39.5h40M39.5 0v40' fill='none' stroke='%2300a3e2' stroke-opacity='.06'/%3E%3C/svg%3E");
}
.home-recruit__title{font-size:1.4rem;text-align:center;color:#000}
.home-recruit__title > *{color:#000}
.home-recruit__subtitle{font-size:1.1rem;text-align:center;color:#000}
.home-recruit__subtitle > *{color:#000}
.job-card__cover{padding-top:56.25%}
@media (min-width:550px){.section.home-recruit{padding-top:60px;padding-bottom:60px}}

/* --- News (homepage) --- */
.section.home-news{padding-top:0;padding-bottom:0;background-color:#ffffff}
.home-news__title{font-size:1.4rem;text-align:center;color:#000}
.home-news__title > *{color:#000}
.home-news__subtitle{font-size:1.1rem;text-align:center;color:#000}
.home-news__subtitle > *{color:#000}
.home-news .news-card__date{margin-bottom:6px}
.home-news__more{padding-top:24px}
@media (min-width:550px){.section.home-news{padding-top:60px;padding-bottom:60px}}

/* Icon boxes (components/icon-box.blade.php) share the white glyph colour */
.home-features .icon-inner,
.home-stats .icon-inner{color:#fff}

/* ===== MOBILE: home sections ===== */
@media (max-width:549px){
  /* Hero: not taller than the screen, readable title */
  .banner.home-hero{padding-top:110%}
  .home-hero__box{width:92%}
  .home-hero__title h2{font-size:1.35rem;line-height:1.3;padding:2px 6px}

  /* Tighter section rhythm */
  .section.home-about,.section.home-products,.section.home-categories,
  .section.home-features,.section.home-stats,.section.home-recruit,.section.home-news{
    padding-top:34px;padding-bottom:34px;
  }
  .home-about__title,.home-products__title,.home-categories__title,
  .home-features__title,.home-stats__title,.home-recruit__title,.home-news__title{font-size:1.2rem}
  .home-about__body,.home-categories__subtitle,.home-features__subtitle,
  .home-stats__subtitle,.home-recruit__subtitle,.home-news__subtitle{font-size:.95rem}
  .home-feature-col > .col-inner{padding:1.4rem}
  .home-stat-col > .col-inner{margin:0}

  /* Category cards run 2-up: stack name → count → CTA inside the card */
  .category-card__text{padding:.85rem .9rem}
  .category-card__body{grid-template-columns:1fr;gap:6px}
  .category-card__body > *{grid-column:1;grid-row:auto;justify-self:start;align-self:auto}
  .category-card .category-card__name{font-size:.9rem}
  .category-card__count{font-size:.78rem}
  .category-card .button.is-link{padding:8px 12px;font-size:11px;letter-spacing:0}
  .row_dmsp > .col{padding-bottom:15px}
}