.bk-container{max-width:1140px;margin:0 auto;padding:0 15px;box-sizing:border-box;}
@media (max-width:1199px){.bk-container{max-width:960px;}}
@media (max-width:991px){.bk-container{max-width:720px;}}
@media (max-width:767px){.bk-container{max-width:540px;}}
@media (max-width:575px){.bk-container{max-width:100%;}}

/* Namespaced to avoid Elementor/theme conflicts */
#bk-portfolio-wrapper{
  --bk-accent:#f7941d;
  --bk-title-color: inherit;
  --bk-section-title-color: inherit;
  --bk-label-color: inherit;
  --bk-value-color: inherit;
  --bk-text-color: inherit;
  --bk-icon-color: inherit;
  --bk-icon-border-color: rgba(0,0,0,0.35);
  --bk-icon-bg-color: transparent;
  --bk-banner-overlay: rgba(0,0,0,0.35);
  --bk-banner-height: 260px;
}

#bk-portfolio-wrapper .bk-inner-banner{
  position: relative;
  background-size: cover;
  background-position: center;
  min-height: var(--bk-banner-height);
  display:flex;
  align-items:center;
}
#bk-portfolio-wrapper .bk-inner-banner__overlay{
  position:absolute;
  inset:0;
  background: var(--bk-banner-overlay);
}
#bk-portfolio-wrapper .bk-inner-banner__content{
  position: relative;
  z-index:1;
  width:100%;
}
#bk-portfolio-wrapper .bk-inner-title{
  color:#fff;
  font-weight:700;
  margin:0;
}

/* Two column layout (details + gallery) - independent from theme grid */
#bk-portfolio-wrapper .bk-two-col{
  display:flex;
  gap:40px;
  align-items:flex-start;
}
#bk-portfolio-wrapper .bk-col{
  flex:1 1 0;
  min-width:0;
}
#bk-portfolio-wrapper .bk-col-info{
  max-width: 560px;
}
#bk-portfolio-wrapper .bk-col-gallery{
  max-width: 680px;
}
@media (max-width: 991px){
  #bk-portfolio-wrapper .bk-two-col{flex-direction:column;}
  #bk-portfolio-wrapper .bk-col-info,
  #bk-portfolio-wrapper .bk-col-gallery{max-width:100%;}
}

#bk-portfolio-wrapper .bk-cons-about{
  padding: 60px 0;
}
#bk-portfolio-wrapper .bk-row-gap{
  display:flex;
  flex-wrap:wrap;
}
#bk-portfolio-wrapper .bk-about-left{
  color: var(--bk-text-color);
}
#bk-portfolio-wrapper .bk-section-title{
  margin:0 0 25px 0;
  font-size: 18px;
  font-weight:700;
  text-transform: uppercase;
  color: var(--bk-section-title-color);
}

#bk-portfolio-wrapper .bk-portfolio-single-info{
  margin: 0 0 25px 0;
  border-top: 1px solid rgba(0,0,0,0.06);
}
#bk-portfolio-wrapper .bk-info-item{
  position: relative;
  display:flex;
  align-items:center;
  gap: 18px;
  padding: 18px 0 18px 0;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
#bk-portfolio-wrapper .bk-info-icon{
  flex: 0 0 44px;
  width:44px;
  height:44px;
  border-radius: 999px;
  border: 2px solid var(--bk-icon-border-color);
  background: var(--bk-icon-bg-color);
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--bk-icon-color);
  font-size: 18px;
}
#bk-portfolio-wrapper .bk-info-text{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap: 8px;
  line-height: 1.2;
}
#bk-portfolio-wrapper .bk-info-label{
  font-weight:700;
  text-transform: uppercase;
  color: var(--bk-label-color);
}
#bk-portfolio-wrapper .bk-info-value{
  font-weight: 400;
  color: var(--bk-value-color);
}
#bk-portfolio-wrapper .bk-info-unit{
  font-weight: 400;
  color: var(--bk-value-color);
}

#bk-portfolio-wrapper .bk-project-desc{
  color: var(--bk-text-color);
  margin-top: 18px;
}

/* Gallery */
#bk-portfolio-wrapper .bk-product-gallery{
  width:100%;
}
#bk-portfolio-wrapper .bk-gallery-main{
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #f5f5f5;
}
#bk-portfolio-wrapper .bk-gallery-main-img{
  width:100%;
  height:auto;
  display:block;
}
#bk-portfolio-wrapper .bk-gallery-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border:none;
  background: var(--bk-accent);
  color:#fff;
  font-size: 26px;
  line-height: 1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0.95;
}
#bk-portfolio-wrapper .bk-gallery-nav.bk-prev{ left: 12px; }
#bk-portfolio-wrapper .bk-gallery-nav.bk-next{ right: 12px; }
#bk-portfolio-wrapper .bk-gallery-nav:hover{ opacity:1; }

#bk-portfolio-wrapper .bk-gallery-thumbs-wrap{
  margin-top: 14px;
  display:flex;
  align-items:center;
  gap: 10px;
}
#bk-portfolio-wrapper .bk-thumb-nav{
  width:34px;
  height:34px;
  border:1px solid rgba(0,0,0,0.15);
  border-radius: 8px;
  background:#fff;
  cursor:pointer;
  font-size: 22px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
}
#bk-portfolio-wrapper .bk-gallery-thumbs{
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  flex:1;
  padding-bottom: 6px;
}
#bk-portfolio-wrapper .bk-thumb{
  display:inline-flex;
  width: 86px;
  height: 60px;
  border-radius: 10px;
  overflow:hidden;
  margin-right: 10px;
  border: 3px solid transparent;
  box-shadow:none;
}
#bk-portfolio-wrapper .bk-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
#bk-portfolio-wrapper .bk-thumb.is-active{
  border-color: var(--bk-accent);
}
#bk-portfolio-wrapper .bk-thumb:focus{ outline:none; }

/* Responsive */
@media (max-width: 991px){
  #bk-portfolio-wrapper .bk-cons-about{ padding: 40px 0; }
  #bk-portfolio-wrapper .bk-gallery-nav{ width:38px; height:38px; }
  #bk-portfolio-wrapper .bk-thumb{ width: 78px; height: 54px; }
}


/* BK Lightbox */
.bk-lightbox{position:fixed;inset:0;z-index:999999;display:none;}
.bk-lightbox.is-open{display:block;}
.bk-lightbox__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75);}
.bk-lightbox__dialog{position:relative;max-width:92vw;max-height:88vh;margin:6vh auto 0;display:flex;align-items:center;justify-content:center;}
.bk-lightbox__img{max-width:92vw;max-height:88vh;display:block;}
.bk-lightbox__close{position:absolute;top:-40px;right:0;background:transparent;border:0;color:#fff;font-size:34px;line-height:1;cursor:pointer;}
.bk-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.35);border:0;color:#fff;font-size:46px;line-height:1;width:54px;height:54px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.bk-lightbox__prev{left:-70px;}
.bk-lightbox__next{right:-70px;}
@media (max-width:768px){.bk-lightbox__prev{left:10px;}.bk-lightbox__next{right:10px;}.bk-lightbox__close{top:10px;right:10px;}}


/* -------------------------------------------------------
   Elementor Widget: Ben Kruz İnşaat Portfolyo (Grid/Masonry)
   ------------------------------------------------------- */
.bk-portfolio-widget{
  --bk-cols: 3;
  --bk-gap: 20px;
}
.bk-portfolio-widget .bk-portfolio-items{
  display:grid;
  grid-template-columns: repeat(var(--bk-cols), minmax(0, 1fr));
  gap: var(--bk-gap);
}
.bk-portfolio-widget.bk-layout-masonry .bk-portfolio-items{
  display:block;
  column-count: var(--bk-cols);
  column-gap: var(--bk-gap);
}
.bk-portfolio-widget.bk-layout-masonry .bk-portfolio-item{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin: 0 0 var(--bk-gap);
}

.bk-portfolio-card{
  position:relative;
  overflow:hidden;
  background:#fff;
}
.bk-portfolio-media{ position:relative; }
.bk-portfolio-media img{
  display:block;
  width:100%;
  height:auto;
  object-fit: cover;
}

/* Hover Title (top-center) */
.bk-portfolio-media{position:relative; overflow:hidden;}
.bk-portfolio-title{
  position:absolute;
  left:50%;
  top:16px;
  transform:translateX(-50%);
  z-index:3;
  opacity:0;
  pointer-events:none;
  margin:0;
  max-width:calc(100% - 24px);
  text-align:center;
  padding:6px 10px;
  border-radius:4px;
  background:rgba(0,0,0,.55);
  color:#fff;
  transition:opacity .2s ease;
}
.bk-portfolio-card:hover .bk-portfolio-title{opacity:1;}

.bk-portfolio-noimg{
  width:100%;
  padding-top:62%;
  background: #f2f2f2;
}
.bk-portfolio-overlay{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.35);
  opacity:0;
  transition: opacity .25s ease;
}
.bk-portfolio-link{
  text-decoration:none !important;
  color:inherit !important;
  display:block;
}
.bk-portfolio-card:hover .bk-portfolio-overlay{ opacity:1; }
.bk-portfolio-caption{
  padding:12px 12px;
}
.bk-portfolio-title{
  font-weight:700;
  font-size:16px;
  line-height:1.3;
}
.bk-portfolio-empty{
  padding:12px 0;
}


/* Overlay action buttons (Grid Widget) */
.bk-portfolio-media { position: relative; overflow: hidden; }
.bk-portfolio-overlay { opacity: 0; transition: opacity .2s ease; }
.bk-portfolio-actions {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: none;
}
.bk-portfolio-card:hover .bk-portfolio-overlay,
.bk-portfolio-card:focus-within .bk-portfolio-overlay { opacity: 1; }
.bk-portfolio-card:hover .bk-portfolio-actions,
.bk-portfolio-card:focus-within .bk-portfolio-actions { opacity: 1; transform: translateY(0); pointer-events: auto; }

.bk-portfolio-action-btn{
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: rgba(255,255,255,.9);
  color: inherit;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
}
.bk-portfolio-action-btn:hover{ background: rgba(255,255,255,1); }
.bk-portfolio-action-btn i{ font-size: 18px; line-height: 1; }

/* Widget overlay action buttons */
#bk-portfolio-wrapper .bk-portfolio-media{position:relative;overflow:hidden;}
#bk-portfolio-wrapper .bk-portfolio-media .bk-portfolio-actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .2s ease;background:rgba(0,0,0,.25);}
#bk-portfolio-wrapper .bk-portfolio-card:hover .bk-portfolio-media .bk-portfolio-actions{opacity:1;}
#bk-portfolio-wrapper .bk-portfolio-media .bk-portfolio-action-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;text-decoration:none;}
#bk-portfolio-wrapper .bk-portfolio-media .bk-portfolio-action-btn:hover{background:rgba(0,0,0,.85);}
#bk-portfolio-wrapper .bk-portfolio-media .bk-portfolio-action-btn svg{display:block;}


/* Title overlay on hover (no extra class, uses .bk-portfolio-title) */
#bk-portfolio-wrapper .bk-portfolio-card .bk-portfolio-media { position: relative !important; }
/* Some themes/plugins reset positioning/opacity on headings. Force overlay behavior. */
#bk-portfolio-wrapper .bk-portfolio-card .bk-portfolio-media .bk-portfolio-title{
  position: absolute !important;
  left: 50% !important;
  top: 16px !important;
  transform: translateX(-50%) !important;
  z-index: 6 !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  text-align: center !important;
  width: calc(100% - 24px) !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  background: rgba(0,0,0,.55) !important;
  color: #fff !important;
}
#bk-portfolio-wrapper .bk-portfolio-card:hover .bk-portfolio-media .bk-portfolio-title{ opacity: 1 !important; }

/* Same overlay behavior for the Elementor grid widget (it is NOT inside #bk-portfolio-wrapper) */
.bk-portfolio-widget .bk-portfolio-media{position:relative;overflow:hidden;}
.bk-portfolio-widget .bk-portfolio-media .bk-portfolio-actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .2s ease;background:rgba(0,0,0,.25);}
.bk-portfolio-widget .bk-portfolio-card:hover .bk-portfolio-media .bk-portfolio-actions{opacity:1;}
.bk-portfolio-widget .bk-portfolio-media .bk-portfolio-action-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;text-decoration:none;}
.bk-portfolio-widget .bk-portfolio-media .bk-portfolio-action-btn:hover{background:rgba(0,0,0,.85);}
.bk-portfolio-widget .bk-portfolio-media .bk-portfolio-action-btn svg{display:block;}

.bk-portfolio-widget .bk-portfolio-card .bk-portfolio-media { position: relative; }
.bk-portfolio-widget .bk-portfolio-card .bk-portfolio-media .bk-portfolio-title{
  position: absolute;
  left: 50%;
  top: 16px;
  transform: translateX(-50%);
  z-index: 6;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  text-align: center;
  width: calc(100% - 24px);
  padding: 10px 12px;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: rgba(0,0,0,.55);
  color: #fff;
}
.bk-portfolio-widget .bk-portfolio-card:hover .bk-portfolio-media .bk-portfolio-title{ opacity: 1; }