/* Cementare Gallery / Residential mobile parity v1
   Scope: gallery + residential pages only (TR/EN).
   Goal: iPhone/Android/tablet + landscape stability without changing desktop >=1200px. */

@media (max-width:1199px){
  .galeri-page .ct-nav-hero,
  .ev-page .ct-nav-hero,
  .galeri-page .ct-nav-shell,
  .ev-page .ct-nav-shell,
  .galeri-page .ev-g-tabs-wrap,
  .ev-page .ev-g-tabs-wrap,
  .galeri-page .ev-g-tabs,
  .ev-page .ev-g-tabs,
  .galeri-page .ev-g-gallery,
  .ev-page .ev-g-gallery,
  .galeri-page .ev-g-masonry,
  .ev-page .ev-g-masonry,
  .galeri-page .ev-g-col,
  .ev-page .ev-g-col,
  .galeri-page .ev-g-gallery-head,
  .ev-page .ev-g-gallery-head{
    min-width:0!important;
    max-width:100%;
    box-sizing:border-box;
  }

  .galeri-page .ev-g-image,
  .ev-page .ev-g-image{
    display:block;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
  }

  .galeri-page .ev-g-lightbox,
  .ev-page .ev-g-lightbox{
    box-sizing:border-box;
    padding-left:max(16px,var(--cementare-safe-left,0px))!important;
    padding-right:max(16px,var(--cementare-safe-right,0px))!important;
    padding-top:max(16px,var(--cementare-safe-top,0px))!important;
    padding-bottom:max(16px,var(--cementare-safe-bottom,0px))!important;
  }

  .galeri-page .ev-g-lightbox-stage,
  .ev-page .ev-g-lightbox-stage{
    width:100%!important;
    max-width:min(1480px,100%)!important;
    min-width:0!important;
  }

  .galeri-page .ev-g-lightbox img,
  .ev-page .ev-g-lightbox img{
    max-width:100%!important;
    max-height:calc(var(--ct-mobile-vh-px,100dvh) - 48px - var(--cementare-safe-top,0px) - var(--cementare-safe-bottom,0px))!important;
  }
}

/* Portrait tablet: keep the editorial hero spacious, but prevent wide inline rules
   from forcing content outside the viewport. */
@media (min-width:701px) and (max-width:991px){
  .galeri-page .ct-nav-shell,
  .ev-page .ct-nav-shell{
    width:min(calc(100% - 48px),1880px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .galeri-page .ev-g-tabs,
  .ev-page .ev-g-tabs{
    width:min(calc(100% - 48px),1180px)!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  .galeri-page .ev-g-tab,
  .ev-page .ev-g-tab{
    min-width:0!important;
    margin-right:0!important;
    padding:13px 16px!important;
    min-height:68px!important;
    white-space:normal!important;
  }

  .galeri-page .ev-g-gallery,
  .ev-page .ev-g-gallery,
  .galeri-page .ev-g-gallery-head,
  .ev-page .ev-g-gallery-head{
    width:min(calc(100% - 48px),1320px)!important;
  }

  .galeri-page .ev-g-masonry,
  .ev-page .ev-g-masonry{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }

  .galeri-page .ev-g-col,
  .ev-page .ev-g-col{gap:18px!important;}

  .galeri-page .ev-g-col:nth-child(3),
  .ev-page .ev-g-col:nth-child(3){display:contents;}
}

/* Phones — follows the Concretta index rhythm: 14/18 px safe gutters, no fixed
   width children, two-column navigation, and stable hero/header separation. */
@media (max-width:700px){
  .galeri-page .ct-nav-hero,
  .ev-page .ct-nav-hero{
    min-height:auto!important;
    height:auto!important;
    padding-top:max(96px,calc(78px + var(--cementare-safe-top,0px)))!important;
  }

  .galeri-page .ct-nav-shell,
  .ev-page .ct-nav-shell{
    width:auto!important;
    max-width:none!important;
    margin-left:max(14px,var(--cementare-safe-left,0px))!important;
    margin-right:max(14px,var(--cementare-safe-right,0px))!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .galeri-page .ct-nav-title,
  .ev-page .ct-nav-title{
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .galeri-page .ct-nav-lead,
  .ev-page .ct-nav-lead{
    max-width:100%!important;
  }

  .galeri-page .ev-g-tabs,
  .ev-page .ev-g-tabs{
    width:auto!important;
    margin-left:max(14px,var(--cementare-safe-left,0px))!important;
    margin-right:max(14px,var(--cementare-safe-right,0px))!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .galeri-page .ev-g-tab,
  .ev-page .ev-g-tab{
    min-width:0!important;
    min-height:58px!important;
    margin-right:0!important;
    padding:12px 12px!important;
    font-size:11px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .galeri-page .ev-g-tab::after,
  .ev-page .ev-g-tab::after{right:10px!important;}

  .galeri-page .ev-g-gallery-head,
  .ev-page .ev-g-gallery-head,
  .galeri-page .ev-g-gallery,
  .ev-page .ev-g-gallery{
    width:auto!important;
    max-width:none!important;
    margin-left:max(10px,var(--cementare-safe-left,0px))!important;
    margin-right:max(10px,var(--cementare-safe-right,0px))!important;
  }

  .galeri-page .ev-g-masonry,
  .ev-page .ev-g-masonry{
    min-width:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .galeri-page .ev-g-col,
  .ev-page .ev-g-col{gap:10px!important;min-width:0!important;}

  .galeri-page .ev-g-col:nth-child(3),
  .ev-page .ev-g-col:nth-child(3){display:contents;}

  .galeri-page .ev-g-frame,
  .ev-page .ev-g-frame,
  .galeri-page .ev-g-image-wrap,
  .ev-page .ev-g-image-wrap{min-width:0!important;max-width:100%!important;}

  .galeri-page .ev-g-cta,
  .ev-page .ev-g-cta{
    padding-top:58px!important;
    padding-bottom:max(66px,calc(54px + var(--cementare-safe-bottom,0px)))!important;
  }
}

/* Very narrow phones: preserve the existing deliberate single-column treatment. */
@media (max-width:480px){
  .galeri-page .ev-g-masonry,
  .ev-page .ev-g-masonry{grid-template-columns:minmax(0,1fr)!important;gap:9px!important;}
  .galeri-page .ev-g-col,
  .ev-page .ev-g-col,
  .galeri-page .ev-g-col:nth-child(3),
  .ev-page .ev-g-col:nth-child(3){display:flex;gap:9px!important;}
}

/* iPhone/Android + small-tablet landscape: reduce vertical pressure while keeping
   navigation and gallery usable. */
@media (max-width:991px) and (orientation:landscape) and (max-height:560px){
  .galeri-page .ct-nav-hero,
  .ev-page .ct-nav-hero{
    min-height:auto!important;
    padding-top:max(88px,calc(72px + var(--cementare-safe-top,0px)))!important;
    padding-bottom:22px!important;
  }

  .galeri-page .ct-nav-shell,
  .ev-page .ct-nav-shell{padding-bottom:14px!important;}

  .galeri-page .ct-nav-title,
  .ev-page .ct-nav-title{font-size:clamp(36px,7vw,48px)!important;}

  .galeri-page .ct-nav-lead,
  .ev-page .ct-nav-lead{font-size:14px!important;line-height:1.5!important;}

  .galeri-page .ev-g-tabs,
  .ev-page .ev-g-tabs{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  .galeri-page .ev-g-tab,
  .ev-page .ev-g-tab{min-height:52px!important;padding-top:9px!important;padding-bottom:9px!important;}

  .galeri-page .ev-g-lightbox,
  .ev-page .ev-g-lightbox{align-items:center!important;}

  .galeri-page .ev-g-lightbox img,
  .ev-page .ev-g-lightbox img{
    max-height:calc(var(--ct-mobile-vh-px,100dvh) - 24px - var(--cementare-safe-top,0px) - var(--cementare-safe-bottom,0px))!important;
  }
}

/* Gallery controls must remain above the image/stage at every viewport. */
html body .ev-g-lightbox .ev-g-lightbox-close,
html body .ev-g-lightbox .ev-g-lightbox-nav{
  z-index:2!important;
}