/* ==========================================================================
   Bikaoo — "Jawad Style" override layer
   Direct port of sections/jawad-style.liquid from the Shopify theme.
   Loaded last so it wins, exactly as it did on Shopify.
   ========================================================================== */

/* ---- Footer: 4-up grid ---- */
.footer__content-top .footer__blocks-wrapper{
  display:grid!important;column-gap:4rem!important;align-items:start;}
.footer__content-top .footer__blocks-wrapper > .footer-block{
  width:auto!important;max-width:none!important;margin:0!important;padding:0!important;}
@media screen and (min-width:750px) and (max-width:989px){
  .footer__content-top .footer__blocks-wrapper{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:3rem!important;}
}
@media screen and (min-width:990px){
  .footer__content-top .footer__blocks-wrapper{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}

/* ---- Header: centered menu, bigger text & icons ---- */
@media screen and (min-width:990px){
  .header{grid-template-columns:1fr auto 1fr!important;
    grid-template-areas:'heading navigation icons'!important;}
  .header__inline-menu{justify-self:center!important;}
  .header__icons{justify-self:end;}
}
.header__menu-item{font-size:1.45rem!important;letter-spacing:.12em;padding:1rem 1.4rem;
  position:relative;}
.header__inline-menu .list-menu--inline{gap:.6rem;}
.header__menu-item:hover{color:#1a1a1a;}
.header__menu-item::after{
  content:'';position:absolute;left:0;bottom:.4rem;width:100%;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:left;
  transition:transform .35s ease;opacity:.7;}
.header__menu-item:hover::after{transform:scaleX(1);}
.header__active-menu-item{color:#1a1a1a;text-decoration:none;}
.header__menu-item span{transition:color .3s ease;}
.header__icon:hover{color:#1a1a1a;}

/* Equal size for all header icons (search / account / cart) */
.header__icon{width:4.8rem;height:4.8rem;}
.header__icon svg,
.header__icon .icon,
.header__icon .svg-wrapper,
.header__icon .svg-wrapper svg,
.header__icon--cart svg,
#cart-icon-bubble svg{width:2.4rem!important;height:2.4rem!important;}

/* ---- Motion & animations ---- */
.card-wrapper,.multicolumn-card{
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease;}
.card-wrapper:hover{transform:translateY(-5px);}
.button .svg-wrapper,.button .icon-wrap{transition:transform .3s ease;}
.button:hover .svg-wrapper,.button:hover .icon-wrap{transform:translateX(.4rem);}
.image-with-text__media img{transition:transform 1.3s cubic-bezier(.2,.7,.2,1)!important;}
.image-with-text:hover .image-with-text__media img{transform:scale(1.05);}
.bk-accordion summary{transition:opacity .3s ease;}
.bk-accordion summary:hover{opacity:.7;}
.slideshow .slider-counter__link .dot{transition:transform .3s ease,opacity .3s ease;}

/* ---- Slideshow: dots inside the image, bottom centre ---- */
.slideshow{position:relative;}
.slideshow .slideshow__controls{
  position:absolute!important;bottom:1.6rem!important;top:auto!important;
  left:50%!important;transform:translateX(-50%)!important;
  width:auto!important;margin:0!important;z-index:4!important;}
.slideshow .slideshow__autoplay{display:none!important;}
.slideshow--text-below .slideshow__controls{position:static!important;transform:none!important;}

@media (prefers-reduced-motion:reduce){
  .card-wrapper,.header__menu-item::after,.button .svg-wrapper,
  .image-with-text__media img,.slideshow .slider-counter__link .dot,.card .media img{
    transition:none!important;transform:none!important;animation:none!important;}
}