/* Chef Bilal Menü – Front (dark / gold look)
   Grid kolon sayıları shortcode içindeki inline CSS ile kontrol edilir.
*/

.cbm-front{
  --cbm-gold:#ffffff;
  --cbm-bg:#2f6fb3;
  --cbm-bg2:#2b68aa;
  --cbm-text:#fff;
  --cbm-muted:rgba(255,255,255,.82);
  --cbm-border:#45b649;
  --cbm-shadow:rgba(0,0,0,.18);

  background:linear-gradient(180deg,var(--cbm-bg) 0%,var(--cbm-bg2) 55%,var(--cbm-bg) 100%);
  color:var(--cbm-text);
  padding:30px 0;
}

.cbm-category{
  max-width:1200px;
  margin:0 auto 30px;
  padding:0 14px;
}

.cbm-category-title{
  position:relative;
  padding-left:14px;
  color:var(--cbm-gold);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:18px;
  margin:0 0 16px;
}

.cbm-category-title::before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  width:3px;
  height:18px;
  background:var(--cbm-border);
}

.cbm-grid{
  display:grid;
  gap:24px;
  position:relative;
  padding-bottom:28px;
  margin-bottom:10px;
}

.cbm-grid::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:var(--cbm-border);
  opacity:.75;
}

.cbm-item{background:transparent;border:0;padding:0;text-align:center;}

.cbm-photo{
  position:relative;
  border:2px solid var(--cbm-border);
  padding:8px;
  border-radius:2px;
  background:rgba(255,255,255,.08);
  box-shadow:0 8px 20px var(--cbm-shadow);
}

.cbm-photo > img.cbm-img{
  width:100%;
  height:260px;
  object-fit:contain;
  object-position:center center;
  display:block;
  background:#fff;
}

/* Auto slider (2+ foto) */
.cbm-slider{
  position:relative;
  width:100%;
  height:260px;
  overflow:hidden;
  border-radius:1px;
  background:#fff;
}
.cbm-slider img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  display:block;
  background:#fff;
}

.cbm-meta{margin-top:10px;text-align:center;}

.cbm-meta-row{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;}

.cbm-name{font-size:var(--cbm-name-fs, 14px);letter-spacing:.2px;color:var(--cbm-text);margin:0;font-weight:700;white-space:normal;overflow-wrap:anywhere;line-height:1.35;text-align:center;}

.cbm-price{font-size:var(--cbm-price-fs, 18px);color:var(--cbm-text);font-weight:900;letter-spacing:.3px;white-space:normal;text-align:center;}

.cbm-desc{font-size:var(--cbm-desc-fs, 12px);color:var(--cbm-muted);margin:8px 0 0;line-height:1.55;text-align:center;overflow-wrap:anywhere;}

.cbm-btn{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:inline-block;
  padding:7px 14px;
  border-radius:20px;
  background:#45b649;
  border:1px solid var(--cbm-border);
  color:var(--cbm-text);
  text-decoration:none;
  font-weight:800;
  font-size:12px;
  letter-spacing:.7px;
  text-transform:uppercase;
}

.cbm-btn:hover{filter:brightness(1.12);}


/* Dessa düzenleme */
.cbm-front,
.cbm-category,
.cbm-grid,
.cbm-item,
.cbm-photo,
.cbm-meta,
.cbm-meta-row,
.cbm-desc{
  box-sizing:border-box;
  max-width:100%;
}

.cbm-front{
  overflow:hidden;
}

.cbm-category-title{
  color:#ffffff;
}

.cbm-grid{
  overflow:hidden;
}

.cbm-item{
  min-width:0;
}

.cbm-photo > img.cbm-img,
.cbm-slider,
.cbm-slider img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  display:block;
  background:#fff;
}

.cbm-btn{
  box-shadow:none;
}

@media (max-width: 767px){
  .cbm-front{padding:22px 0;}
  .cbm-category{padding:0 10px;margin:0 auto 24px;}
  .cbm-grid{gap:18px;padding-bottom:18px;}
  .cbm-photo{padding:6px;}
}


/* Sadece resim bozulmasını önleme düzeltmesi */
.cbm-photo{
  overflow:hidden;
}

.cbm-photo picture,
.cbm-photo a,
.cbm-photo img{
  max-width:100%;
  box-sizing:border-box;
}

@media (max-width: 767px){
  .cbm-photo > img.cbm-img,
  .cbm-slider{
  position:relative;
  width:100%;
  height:260px;
  overflow:hidden;
  border-radius:1px;
  background:#fff;
}
}


/* net resim düzeltmesi */
.cbm-photo{
  background:#fff;
}

.cbm-photo img{
  max-width:100%;
}



/* galeri + tam çerçeve düzeltmesi */
.cbm-photo{
  height:260px;
}
.cbm-photo > .cbm-open-gallery,
.cbm-slider{
  position:relative;
  width:100%;
  height:260px;
  overflow:hidden;
  border-radius:1px;
  background:#fff;
  cursor:zoom-in;
}
.cbm-photo > .cbm-open-gallery > img.cbm-img,
.cbm-slider img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  background:#fff;
}
.cbm-open-gallery:focus{
  outline:2px solid #fff;
  outline-offset:2px;
}

.cbm-lightbox{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
}
.cbm-lightbox.is-open{display:block;}
.cbm-lightbox-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.86);
}
.cbm-lightbox-inner{
  position:relative;
  z-index:2;
  height:100%;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  box-sizing:border-box;
}
.cbm-lightbox-figure{
  position:relative;
  width:min(1100px, 92vw);
  max-height:90vh;
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.cbm-lightbox-stage{
  width:100%;
  height:min(72vh, 820px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.cbm-lightbox-img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  background:#fff;
}
.cbm-lightbox-meta{
  width:100%;
  margin-top:14px;
  color:#fff;
  text-align:center;
}
.cbm-lightbox-title{font-size:24px;font-weight:800;margin:0 0 6px;}
.cbm-lightbox-price{font-size:18px;font-weight:800;margin:0 0 8px;}
.cbm-lightbox-desc{font-size:14px;line-height:1.6;opacity:.95;max-width:900px;margin:0 auto;}
.cbm-lightbox-close,
.cbm-lightbox-prev,
.cbm-lightbox-next{
  position:absolute;
  z-index:3;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  backdrop-filter:blur(4px);
}
.cbm-lightbox-close:hover,
.cbm-lightbox-prev:hover,
.cbm-lightbox-next:hover{background:rgba(255,255,255,.25);}
.cbm-lightbox-close{top:18px;right:18px;width:48px;height:48px;font-size:28px;line-height:1;}
.cbm-lightbox-prev,.cbm-lightbox-next{top:50%;transform:translateY(-50%);width:54px;height:54px;font-size:34px;}
.cbm-lightbox-prev{left:18px;}
.cbm-lightbox-next{right:18px;}
.cbm-lightbox-count{margin-top:8px;font-size:13px;opacity:.82;}

@media (max-width: 767px){
  .cbm-photo,
  .cbm-photo > .cbm-open-gallery,
  .cbm-slider{height:260px;}
  .cbm-lightbox-inner{padding:16px;}
  .cbm-lightbox-stage{height:58vh;}
  .cbm-lightbox-title{font-size:18px;}
  .cbm-lightbox-price{font-size:16px;}
  .cbm-lightbox-desc{font-size:13px;}
  .cbm-lightbox-prev,.cbm-lightbox-next{width:44px;height:44px;font-size:28px;}
  .cbm-lightbox-close{width:42px;height:42px;font-size:24px;top:10px;right:10px;}
}