/* Khalifa Bakers enhancements (cart + hero + small UX fixes) */

:root{
  --kb-primary: #BC8157; /* matches theme */
  --kb-whatsapp: #25D366;
  --kb-text: #1c1c1c;
}

/* Hide broken Slider Revolution module (we inject a clean hero instead) */
.elementor-widget-slider_revolution sr7-module{display:none !important;}

.kb-hero{
  position: relative;
  width: 100%;
  min-height: 300px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}
.kb-hero::before{
  content:"";
  position:absolute; inset:0;
  background: url('/wp-content/uploads/2025/02/khalifa-bakers-slide-1.png') center/cover no-repeat;
  filter: saturate(1.05);
}
.kb-hero::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.58), rgba(0,0,0,.20));
}
.kb-hero-inner{
  position:relative;
  z-index:1;
  padding: 42px 28px;
  max-width: 1100px;
  margin: 0 auto;
  color: #fff;
}
.kb-hero h1{
  margin: 0 0 10px 0;
  font-size: clamp(24px, 3vw, 44px);
  line-height: 1.08;
  letter-spacing: .2px;
}
.kb-hero p{
  margin: 0 0 18px 0;
  font-size: clamp(14px, 1.5vw, 18px);
  opacity: .95;
}
.kb-hero-actions{display:flex; gap:10px; flex-wrap: wrap;}
.kb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,.25);
  color: #fff !important;
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(6px);
}
.kb-btn:hover{transform: translateY(-1px);}
.kb-btn-primary{background: rgba(188,129,87,.92); border-color: rgba(188,129,87,.92);}
.kb-btn-whatsapp{background: rgba(37,211,102,.92); border-color: rgba(37,211,102,.92);}
.kb-btn-outline{background: rgba(255,255,255,.08);}

@media (max-width: 600px){
  .kb-hero-inner{padding: 28px 18px;}
  .kb-btn{width: 100%;}
}

/* Cart floating button */
.kb-cart-fab{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 99999;
  border: 0;
  border-radius: 999px;
  background: var(--kb-primary);
  color: #fff;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  padding: 12px 14px;
  cursor: pointer;
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 700;
}
.kb-cart-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  background: #fff;
  color: var(--kb-primary);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

/* Cart modal */
.kb-cart-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 100000;
  display:none;
  align-items: center;
  justify-content: center;
  padding: 14px;
}
.kb-cart-modal{
  width: min(920px, 100%);
  max-height: min(720px, 100%);
  background: #fff;
  border-radius: 18px;
  overflow:hidden;
  box-shadow: 0 18px 60px rgba(0,0,0,.28);
  display:flex;
  flex-direction: column;
}
.kb-cart-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.kb-cart-head h2{margin:0; font-size:18px; color: var(--kb-text);}
.kb-cart-close{
  border:0;
  background: rgba(0,0,0,.06);
  padding: 8px 10px;
  border-radius: 10px;
  cursor:pointer;
  font-weight: 800;
}
.kb-cart-body{padding: 10px 16px; overflow:auto;}
.kb-cart-empty{padding: 30px 10px; text-align:center; color: rgba(0,0,0,.65);}
.kb-cart-item{display:grid; grid-template-columns: 1fr auto; gap: 10px; padding: 12px 0; border-bottom: 1px dashed rgba(0,0,0,.10);} 
.kb-cart-item-title{font-weight:800; color: var(--kb-text);}
.kb-cart-item-meta{color: rgba(0,0,0,.65); font-size: 13px; margin-top:4px;}
.kb-cart-qty{display:flex; align-items:center; gap:8px;}
.kb-cart-qty button{border:0; background: rgba(0,0,0,.06); border-radius: 10px; padding: 8px 10px; cursor:pointer; font-weight: 900;}
.kb-cart-qty span{min-width: 22px; text-align:center; font-weight:800;}
.kb-cart-remove{border:0; background: transparent; color: rgba(0,0,0,.55); cursor:pointer; text-decoration: underline; font-size: 12px;}
.kb-cart-foot{
  padding: 12px 16px;
  display:flex;
  gap: 10px;
  justify-content:flex-end;
  border-top: 1px solid rgba(0,0,0,.08);
}
.kb-cart-action{
  border: 0;
  border-radius: 12px;
  padding: 12px 14px;
  font-weight: 800;
  cursor:pointer;
}
.kb-cart-action.kb-clear{background: rgba(0,0,0,.06);}
.kb-cart-action.kb-checkout{background: var(--kb-whatsapp); color:#fff;}

@media (max-width: 520px){
  .kb-cart-item{grid-template-columns: 1fr;}
  .kb-cart-foot{flex-direction: column;}
  .kb-cart-action{width: 100%;}
}

/* Old per-product WhatsApp quick buttons - hide to keep the flow professional */
.sendbtn2{display:none !important;}


/* Fix: make product cards clickable again + show Add to cart text/icon */
.product_item--thumbnail, .product_item--title{pointer-events:auto !important;}
.wrap-addto .labtn-text, .wrap-addto .labtn-icon{display:inline-flex !important;}


/* Quick WhatsApp buttons on product cards */
.kb-wa-quick{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-left:8px;
  padding: 10px 12px;
  border-radius: 999px;
  background: var(--kb-whatsapp) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 800;
  line-height: 1;
}
.kb-wa-quick:hover{filter: brightness(0.98);}
.kb-wa-dot{
  width:10px;
  height:10px;
  border-radius: 999px;
  background:#fff;
  display:inline-block;
  box-shadow: 0 0 0 3px rgba(255,255,255,.25);
}

/* Single product WhatsApp button */
.kb-wa-single{
  margin-top:10px;
}

/* Floating Contact (WhatsApp + Call) */
.kb-contact-fab{
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 99998;
  display:flex;
  flex-direction: column;
  gap:10px;
}
.kb-contact-btn{
  display:flex;
  align-items:center;
  gap:10px;
  border-radius: 999px;
  padding: 12px 14px;
  text-decoration:none !important;
  font-weight: 800;
  box-shadow: 0 12px 30px rgba(0,0,0,.16);
}
.kb-contact-wa{background: var(--kb-whatsapp); color:#fff !important;}
.kb-contact-call{background: #111; color:#fff !important;}
.kb-contact-icon{font-size: 18px; line-height: 1;}
.kb-contact-text{font-size: 14px; letter-spacing: .2px;}

@media (max-width: 520px){
  .kb-contact-text{display:none;}
  .kb-contact-btn{padding: 12px;}
}


/* Hide the scrolling marquee under header (keeps site clean + professional) */
.marquee-container{display:none !important;}

/* Make Add to cart + WhatsApp sit nicely under every product */
.product_item--info-action .wrap-addto{
  display:flex !important;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

/* Checkout / information page */
.kb-checkout-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:16px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 18px 14px;
}
.kb-checkout-card{
  background:#fff;
  border-radius: 18px;
  box-shadow: 0 14px 42px rgba(0,0,0,.10);
  padding: 16px;
}
.kb-checkout-card h1{margin:0 0 6px; font-size: 22px;}
.kb-checkout-card h2{margin:0 0 10px; font-size: 18px;}
.kb-muted{color: rgba(0,0,0,.62); margin:0 0 14px;}
.kb-form{display:flex; flex-direction: column; gap:10px;}
.kb-form label{font-weight: 800; font-size: 13px;}
.kb-form input,.kb-form textarea{
  width:100%;
  border:1px solid rgba(0,0,0,.14);
  border-radius: 12px;
  padding: 12px 12px;
  outline: none;
  font-size: 14px;
}
.kb-form input:focus,.kb-form textarea:focus{border-color: rgba(188,129,87,.6); box-shadow: 0 0 0 4px rgba(188,129,87,.12);}
.kb-checkout-send{
  border:0;
  border-radius: 12px;
  padding: 12px 14px;
  font-weight: 900;
  cursor:pointer;
  background: var(--kb-whatsapp);
  color:#fff;
  margin-top: 4px;
}
.kb-checkout-actions{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap:12px;
  flex-wrap: wrap;
  margin-top: 6px;
}
.kb-checkout-actions a{font-weight: 800; text-decoration:none !important;}
.kb-linkbtn{
  border:0;
  background: transparent;
  font-weight: 800;
  cursor:pointer;
  text-decoration: underline;
  padding: 0;
}
.kb-cart-list{display:flex; flex-direction: column; gap:10px;}
.kb-cart-row{
  display:grid;
  grid-template-columns: 1fr auto;
  gap:10px;
  padding: 12px 0;
  border-bottom: 1px dashed rgba(0,0,0,.12);
}
.kb-cart-row-title{font-weight: 900;}
.kb-qty{display:flex; align-items:center; gap:8px;}
.kb-qty button{border:0; background: rgba(0,0,0,.06); border-radius: 10px; padding: 8px 10px; cursor:pointer; font-weight: 900;}
.kb-qty span{min-width: 22px; text-align:center; font-weight:900;}
.kb-remove{margin-top:6px;}

@media (max-width: 860px){
  .kb-checkout-grid{grid-template-columns: 1fr;}
}

/* =========================
   Homepage product buttons (under product image)
   ========================= */
body.home.page-id-2297 .kb-product-actions{
  display:flex !important;
  gap:10px;
  padding: 12px 14px 0;
  align-items:stretch;
}
body.home.page-id-2297 .kb-product-actions .kb-btn,
body.home.page-id-2297 .kb-product-actions a{
  flex:1;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  border-radius: 12px;
  padding: 12px 12px;
  font-weight: 900;
  text-decoration:none !important;
  line-height: 1;
  border: 1px solid rgba(0,0,0,.12);
}
body.home.page-id-2297 .kb-btn-order{
  background: var(--kb-whatsapp) !important;
  color: #fff !important;
  border-color: var(--kb-whatsapp) !important;
}
body.home.page-id-2297 .kb-btn-cart{
  background: #fff !important;
  color: var(--kb-text) !important;
}
body.home.page-id-2297 .kb-btn-cart .labtn-icon{display:none !important;}
body.home.page-id-2297 .kb-btn-cart .labtn-text{display:inline-flex !important;}

@media (max-width: 520px){
  body.home.page-id-2297 .kb-product-actions{flex-direction:column;}
}

/* =========================
   Floating Call + WhatsApp buttons (site-wide)
   ========================= */
.kb-float-btn{
  position: fixed;
  bottom: 16px;
  z-index: 99999;
  border-radius: 999px;
  padding: 12px 14px;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.kb-float-call{
  left: 16px;
  background: #111;
  color: #fff !important;
}
.kb-float-wa{
  right: 16px;
  background: var(--kb-whatsapp);
  color: #fff !important;
}

@media (max-width: 520px){
  .kb-float-btn{padding: 12px;}
}