/* ==================================================================
   Bodotex responsive polish — mobile/tablet refinements layered on top
   of the original Elementor design. Injected on every page by build.py
   after the theme CSS, so it wins on specificity/order.
   ================================================================== */

/* Mobile overrides for hero, welcome copy and portrait removed 2026-10-22
   to match the live bodotex.eu rendering exactly. */

/* ==================================================================
   Reusable call-to-action panel (matches the /distribution/food/ CTA):
   dark navy panel, white primary button + ghost button.
   ================================================================== */
.btx-cta{max-width:1250px;margin:64px auto;padding:0;box-sizing:border-box;}
.btx-cta__inner{
  background:#183256;border-radius:22px;padding:46px 54px;
  display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
}
.btx-cta__title{color:#fff;font-size:30px;font-weight:700;line-height:1.2;margin:0 0 10px;}
.btx-cta__desc{color:#c2cede;font-size:16px;line-height:1.6;margin:0;max-width:540px;}
.btx-cta__actions{display:flex;gap:14px;flex-wrap:wrap;}
.btx-cta__btn{
  display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:10px;
  font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;
  transition:transform .15s ease,background-color .18s ease,border-color .18s ease;
}
.btx-cta__btn--primary{background:#fff;color:#183256;}
.btx-cta__btn--primary:hover{background:#e9eff7;transform:translateY(-1px);}
.btx-cta__btn--ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55);}
.btx-cta__btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-1px);}
@media (max-width:767px){
  .btx-cta{margin:44px auto;}
  .btx-cta__inner{flex-direction:column;align-items:flex-start;padding:30px 24px;}
  .btx-cta__title{font-size:23px;}
  .btx-cta__actions{width:100%;}
  .btx-cta__btn{flex:1 1 auto;justify-content:center;}
}

/* ==================================================================
   Polished industry card grid (Production / R&D) — clean white cards,
   image on top, name below, subtle shadow + hover lift.
   ================================================================== */
.btx-cards{
  max-width:1160px;margin:44px auto;padding:0 20px;box-sizing:border-box;
  display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
}
.btx-card{
  background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 6px 20px rgba(17,22,40,.08);
  transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s ease;
  display:flex;flex-direction:column;
}
.btx-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(17,22,40,.16);}
.btx-card__img{aspect-ratio:16/10;overflow:hidden;background:#eef1f5;}
.btx-card__img img{width:100% !important;height:100% !important;object-fit:cover !important;display:block;transition:transform .5s ease;}
.btx-card:hover .btx-card__img img{transform:scale(1.06);}
.btx-card__title{margin:0;padding:17px 20px;font-size:18px;font-weight:600;color:#183256;line-height:1.3;}
@media (max-width:900px){ .btx-cards{grid-template-columns:repeat(2,1fr);gap:18px;} }
@media (max-width:560px){ .btx-cards{grid-template-columns:1fr;margin:32px auto;} }

/* ==================================================================
   Industry glass cards (Production / R&D) — mirror the /distribution/
   "Industries We Serve" tiles: photo background, centred frosted-glass
   pill with the industry name and a slide-in arrow on hover.
   ================================================================== */
.btx-ind-grid{
  max-width:1250px;margin:44px auto;padding:0;box-sizing:border-box;
  display:flex;flex-wrap:wrap;justify-content:center;gap:22px;
}
.btx-ind-grid .card-industry{
  position:relative;flex:1 1 300px;max-width:410px;min-height:250px;
  display:flex;align-items:center;justify-content:center;
  border-radius:18px;overflow:hidden;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  transition:transform .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s ease;
}
.btx-ind-grid .card-industry::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(to bottom,rgba(8,12,24,.38),rgba(8,12,24,.60));
}
.btx-ind-grid .card-industry:hover{
  transform:scale(1.03);box-shadow:0 20px 40px rgba(0,0,0,.3);z-index:10;
}
.btx-ind-grid .btx-glass-button{position:relative;z-index:2;}
.btx-ind-grid .card-industry:hover .btx-glass-button .elementor-button{transform:scale(1.08) !important;}
@media (max-width:1024px){ .btx-ind-grid .card-industry{flex-basis:46%;max-width:none;} }
@media (max-width:560px){ .btx-ind-grid .card-industry{flex-basis:100%;min-height:200px;} }
@media (max-width:1250px){ .btx-cta, .btx-ind-grid{padding-left:20px;padding-right:20px;} }

/* Frosted-glass button — shared with /distribution/. Dark navy glass +
   text-shadow so the white label stays legible on bright photos. */
.btx-glass-button .elementor-button{
  background:rgba(13,20,38,.66) !important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.35) !important;
  border-radius:50px !important;color:#fff !important;font-weight:600;
  text-shadow:0 1px 3px rgba(0,0,0,.7);
  transition:all .4s cubic-bezier(.25,.8,.25,1) !important;
}
.btx-glass-button .elementor-button:hover{
  background:rgba(13,20,38,.80) !important;
  border-color:rgba(255,255,255,.75) !important;transform:scale(1.05);
}
/* Replace the theme icon-font arrow (its font isn't loaded on every page)
   with a crisp inline-SVG arrow that slides in on the RIGHT on hover. */
.btx-glass-button .elementor-button-icon{display:none !important;}
.btx-glass-button .elementor-button-content-wrapper{display:inline-flex;align-items:center;flex-direction:row !important;}
.btx-glass-button .elementor-button-content-wrapper::after{
  content:"";flex:0 0 auto;width:0;height:15px;margin-left:0;opacity:0;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:width .3s ease,opacity .3s ease,margin-left .3s ease;
}
.btx-glass-button .elementor-button:hover .elementor-button-content-wrapper::after{
  width:16px;opacity:1;margin-left:8px;
}