/**
* CAMERE.CSS
* Viewport: 360px - 2560px
* Ratio: 1.25 (Major Third) - Rotunjit Superior
* Author: EVO Studio
*/

.pagina-top{
    display: flex;
    flex-direction: column;
    background-color: #634C35;
    position: relative;
    width: 100%;
    min-height: 92vh;
    justify-content: center;
    align-items: center;
    text-align: center;
    /*padding-top: 16vh;*/
}

.pagina-top::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Gradient de la 50% opacitate sus, la 30% jos. Ajustezi valorile dacă vrei mai închis/deschis */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);
    z-index: 2; /* Se așază la mijloc: peste imagine (z-index: 1) și sub text */
}

.pagina-top .pagina-bg-picture{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.pagina-top .pagina-bg-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit:cover; 
    object-position: left center;
    image-rendering: -webkit-optimize-contrast;
}

.pagina-top-inner {
    position: relative;
    z-index: 3;
    text-align: center;
    padding-inline: var(--site-gutter);
    padding-top: 0;
}

.pagina-top-inner h1{
    font-family: var(--font-title);
    font-size: var(--title-xl);
    font-weight: var(--fw-bold);
    color: #fff;
    margin-bottom: var(--space-sm);
    line-height: 0.93;
}

.pagina-top-inner .buttons-container{
    margin-inline: auto;
}

.pagina-top-inner .buttons-container .sbtn1{
    background-color: transparent;
}

@media(min-width:992px){
    .pagina-top .pagina-bg-picture img {
        object-position: top center;
    }
}

.bara-stele{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #634C35;
    height: 46px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url('../img/gradient.webp');
}

.bara-stele ul li{
    display: inline-block;
}

.bara-stele ul li img{
    width: 22px;
    height: auto;
}

.bara-stele ul li:not(:last-child){
    margin-right: 4px;
}

@media(min-width:1040px){
    .bara-stele{
        height: 56px;
    }
    .bara-stele ul li img{
        width: auto;
        height: 24px;
    }
}

.slider-top{
    display: flex;
    background-color: #634C35;
}

.slider-top .swiper {
    width: 100%;
    overflow: hidden; 
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.slider-top .swiper-wrapper{
    padding: 0px !important;
}

.slider-top .swiper-slide {
    position: relative;
    width: 100%;
    min-height: 88vh;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    background-color: #634C35;
    padding-top: 16vh;
    overflow: hidden;
}

@media (max-width: 991px) {
  @supports (-webkit-touch-callout: none) {
    .slider-top .swiper-slide {
      /* svh exclude bara de navigare a Safari-ului, oferind un calcul precis */
      min-height: 96dvh !important;
    }
  }
}

/* --- LOGICĂ ADĂUGATĂ PENTRU OVERLAY --- */
.slider-top .slider-bg-picture{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Pseudoelementul se aplică direct pe picture și acționează ca o folie de sticlă peste imagine */
.slider-top .slider-bg-picture::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(30, 30, 30, 0.62) 39.89%, rgba(255, 255, 255, 0) 100.56%);
    background-blend-mode: multiply;
    z-index: 2; /* Trece PESTE tagul img (care nu are z-index explicit) */
    pointer-events: none; /* Ignoră atingerile pentru a nu bloca gesturile de swipe din Swiper JS */
}

.slider-top .slider-bg-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit:cover; 
    object-position: left center;
    image-rendering: -webkit-optimize-contrast;
}

/* Am urcat z-index-ul la 3 pentru a scoate textul și butoanele deasupra foliei de overlay */
.slider-top-inner {
    position: relative;
    z-index: 3; /* Trece PESTE overlay-ul care are z-index: 2 */
    text-align: center;
    padding-inline: var(--site-gutter);
    padding-top: 0;
    max-width:1440px;
}

.slider-top h2{
    font-family: var(--font-title);
    font-size: var(--title-xl);
    font-weight: var(--fw-bold);
    color: #fff;
    margin-bottom: var(--space-sm);
    line-height: 0.93;
}

@media (min-width:992px){
    .slider-top .swiper-slide{
        min-height: 94vh;
        padding-top: 20vh;
    }
    .slider-top .slider-bg-picture img {
        object-position: top center;
    }
    .slider-top h2{
        line-height:1;
    }
}

.slider-poze-camera{
    width: 100%;
    margin-bottom: var(--space-sm);
}
/*
.slider-poze-camera{
	display: flex;
	flex-direction:column;
	justify-content: center;
    align-items: center;
    text-align: center;
	position: relative;
	overflow:hidden;
    margin-bottom: var(--space-sm);
}
*/
.slider-poze-camera .swiper {
    width: 100%;
    overflow: hidden; 
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.slider-poze-camera .swiper-wrapper{
    padding: 0px !important;
}

.slider-poze-camera .swiper-slide {
    height: auto;
}

.swiper-poze-camera .slider-bg-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3; 
}

.page-intro{
    display: flex;
    flex-direction: column;
    background-color: #634c35;
    align-items: center;
    text-align: center;
    padding-top: 5vh;
    padding-bottom: 3vh;
    width: 100%;
}

.page-intro-inner{
     align-items: center;
    text-align: center;
    max-width: 1440px;
    padding-inline: var(--site-gutter);
}

.logomark{
    display: block;
    width: 100%;
    height: 56px;
}

.page-intro-inner h3{
    color: var(--color-DEB06E);
    font-family: var(--font-main);
    font-size: var(--title-xs);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    letter-spacing: var(--ls-content-slider);
    margin-top: var(--space-sm);
}

.page-intro-inner h1{
    color: #fff;
    font-family: var(--font-title);
    font-size: var(--title-lg);
    font-weight: var(--fw-bold);
    margin-top: var(--space-xs);
    margin-bottom: var(--space-md);
    line-height: 0.93;
}

.page-intro-inner .layout-grid2{
    color: #fff;
    font-size: var(--text-lg);
    font-weight: var(--fw-semibold);
    margin-block: var(--space-lg);
}

.pageintrotxt1{
    color: var(--color-FFCE82);
    font-weight: var(--fw-semibold);
}

.pageintrotxt2{
    color: #fff;
    margin-bottom: var(--space-sm);
}

.pageintrotxt3{
    color: #fff;
    margin-bottom: var(--space-lg);
}

.pageintrotxt-cam{
    color: #fff;
    margin-top: var(--space-sm);
    margin-bottom: var(--space-md);
}

.content-text span{
    color: #EBCA94;
    font-weight: var(--fw-bold);
}

/*
.homeicon{
    width: auto;
    height: 40px;
    display: inline;
    vertical-align: middle;
}
*/

.page-intro-inner .layout-grid2 .span-3-6-12 {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 15px;
    text-align: left;
}

.homeicon {
    width: 26px;
    height: auto;
    display: block;
    flex-shrink: 0;
}

@media(min-width:992px){
    .logomark{
        height: 76px;
    }
    .page-intro-inner .layout-grid2 .span-3-6-12 {
        justify-content: center;
    }
    .homeicon {
        width: auto;
        height: 40px;
    }
}

@media(max-width:991px){
    .page-intro-inner .layout-grid2{
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}
/*
.insert-main-cards{
    
    display: flex;
    flex-direction: column;
    width: 100%;
    
    margin-block: var(--space-lg);
}


.insert-main-cards{
    margin-block: var(--space-lg);
}
*/

.insert-main-cards{
    display: flex;
    flex-direction: column;
    width: 100%;    
    margin-block: var(--space-lg);
}

.insert-main-entry{
    text-align: center;
    justify-content: center;
    align-items: center;
}

.insert-main-entry-img{
    margin-inline: auto;
    margin-bottom: var(--space-xs);
    width: auto;
    height: 35px;
}

.insert-main-entry h2{
    color: #fff;
    font-family: var(--font-main);
    font-size: var(--title-lg);
    font-weight: var(--fw-light);
    line-height: 1;
}

.insert-main-entry .content-text{
    /*
    color: #FFCE82;
    font-weight: var(--fw-semibold);
    padding-block: var(--space-sm);
    */
    font-weight: 400;
    color: #fff;
    padding-block: var(--space-sm);
}

/*
.insert-main-entry .btn-cta{
    display: inline-flex;
    margin-bottom: var(--space-xs);
    margin-inline: auto;
    width: fit-content;
}
*/

@media(min-width:992px){
    .insert-main{
        padding-block: var(--space-lg);
    }
    .insert-main-cards{
        padding-inline: var(--site-gutter);
    }
    /*
    .insert-main-entry{
        padding-inline: var(--site-gutter);
    }
    */
    .insert-main-entry:nth-of-type(odd){
        flex-direction: row-reverse;
        margin-block:var(--space-lg);
    }
    .insert-main-entry-img{
        height: 40px;
    }
}

@media(max-width:991px){
    .insert-main{
        padding-top: var(--space-md);
    }
    .insert-main-entry:not(:last-of-type){
        padding-bottom: 60px;
    }
    .insert-main-entry h2, 
    .insert-main-entry .content-text{
        padding-inline: var(--site-gutter);
    }
}

.camcol{
    align-items: center;
}

.camcol h2{
    color: #fff;
    font-family: var(--font-main);
    font-size: var(--title-lg);
    font-weight: var(--fw-light);
    line-height: 1;
    margin-bottom: var(--gap-sm);
}

.list-camere-icons li:first-child{
    margin-right: 20px;
}

.list-camere-icons li{
    color: var(--color-DEB06E);
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    font-size: var(--text-lg);
    font-weight: var(--fw-bold);
    gap: 10px;
}

.list-camere-icons li img{
    width: auto;
    height: 20px;
}

.buttons-container {
    display: grid;
    grid-auto-columns: 1fr;
    gap: 12px;
    width: 100%;
    /*max-width: 150px;*/
    margin-top: var(--gap-md);
    grid-auto-flow: column;
}

.sbtn1, .sbtn2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all 0.3s ease;
    white-space: nowrap;
}

@media(min-width: 1040px){
    .buttons-container {
        grid-auto-flow: column;
        width: fit-content;
        max-width: none;
        gap: 16px;
    }
}

@media(max-width:991px){
    .insert-main-cards{
        padding-top: var(--space-lg);
    }
    .camcol{
        padding-inline: var(--site-gutter);
    }
    .icon-extra {
        margin-inline: auto;
    }
}

.grid-servicii-extra{
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    background-color: #634C35;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: var(--space-md);
    padding-bottom: var(--space-lg);
}

.grid-servicii-extra-inner{
    width: 100%;
    /*max-width: 1640px;*/
    padding-inline: var(--site-gutter);
    position: relative;
}

.grid-servicii-extra h2{
    color: #FCE1B1;
    font-family: var(--font-title);
    font-size: var(--title-lg);
    font-weight: var(--fw-extrabold);
    padding-block: var(--space-sm);
    line-height: 1;
}

.grid-servicii-extra .content-text{
    color: #FFFFFF;
    text-align: center;
}

.icon-extra {
    width: 36px;
    height: auto;
    display: block;
    flex-shrink: 0;
}

@media(min-width:992px){
    .icon-extra {
        width: auto;
        height: 50px;
    }
    .grid-servicii-extra-inner{
        max-width: 80%;
    }
    .grid-servicii-extra, 
    .grid-servicii-extra .content-text{
        text-align: left;
    }
}

@media(max-width:991px){
    .grid-servicii-extra-inner{
        padding-top: var(--space-lg);
    }
}


.homepage-end{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.homepage-end .btn-cta{
    display: inline-flex;
    width: fit-content;
    max-width: none;
    margin: auto;
}

.business{
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #dce9e4;
    padding-inline: var(--site-gutter);
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg);
}

.checkmark{
    width: 32px;
    height: auto;
    margin: auto;
}

@media(min-width:992px){
    .checkmark{
        width: 42px;
    }
}

.business h2{
    color: var(--color-176B47);
    font-family: var(--font-title);
    font-size: var(--title-lg);
    font-weight: var(--fw-extrabold);
    padding-top: var(--space-sm);
    line-height: 1;
}

.business .content-text{
    color: #1E1E1E;
    max-width: 1440px;
    margin-inline: auto;
    padding-block: var(--space-sm);
}

.houtro{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-inline: var(--site-gutter);
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg);
}

.houtro h2{
    color: var(--color-5E514D);
    font-family: var(--font-title);
    font-size: var(--title-lg);
    font-weight: 400;
    padding-top: var(--space-sm);
    line-height: 1;
}

.houtro .content-text{
    color: #5E514D;
    max-width: 1440px;
    margin-inline: auto;
    padding-block: var(--space-sm);
}

.btn-phone{
    color: #5E514D;
    font-size: var(--text-lg);
    font-weight: var(--fw-semibold);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--space-md);
    margin-bottom: var(--space-md);
    margin-inline: auto;
    text-decoration: underline;
    white-space: nowrap;
}

.btn-phone img{
    height: 20px;
    width: auto;
    margin-right: 10px;
    flex-shrink: 0;
}

@media(min-width:1440px){
    .btn-phone img{
        height: 26px;
    }
}

.note {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: center;
    padding-bottom: var(--space-lg);
    width: 100%;
    overflow: hidden; /* Securitate suplimentară pentru a tăia scroll-ul orizontal */
}

/* Limitatorul principal */
.slider-note {
    width: 100%;
    max-width: 720px;
    min-width: 0; /* CRITIC: Oprește flexbox-ul din a se extinde dincolo de margini */
    padding-inline: var(--site-gutter); /* Opțional: ca să nu atingă marginile ecranului pe mobil */
    box-sizing: border-box;
}

.slider-note .swiper {
    width: 100%;
    overflow: hidden; 
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.slider-note .swiper-wrapper {
    padding: 0px !important;
}

/* Opțional: Centrarea conținutului în interiorul notelor */
.slider-note .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none; /* Previne selectarea accidentală a textului la swipe */
}

#camera{
    padding-bottom: var(--space-lg);
}

.insert-cadouri{
    display: flex;
    flex-direction: column;
    background-color: #f1f0ef;
    padding-block: var(--space-md);
    align-items: center;
    
}

.insert-cadouri-top{
    display: flex;
    flex-direction: column;
    text-align: center;
}

.insert-cadouri-top h2{
    color: var(--color-5E514D);
    font-family: var(--font-title);
    font-size: var(--title-lg);
    font-weight: var(--fw-light);
    line-height: 1;
}

.cadouri-grid{
    color: #634C35;
    margin-block: var(--space-md);
}
.cadou-item{
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.cadou-item > img{
    width: auto;
    height: 30px;
    flex: 0 0 auto;
}

.cadou-item > .content-text{
    flex: 1;
    min-width: 0;
    font-family: var(--font-title);
    font-weight: 400;
    color: #634C35;
}

@media(min-width: 1040px){
    .cadouri-grid{
        max-width: 1440px;
    }
    .cadou-item{
        gap: 22px;
    }
}

@media(max-width:1600px){
    .insert-cadouri{
        padding-inline: var(--site-gutter);
    }
}

.pagina-top-inner .layout-grid2{
    color: #fff;
    font-size: var(--text-lg);
    font-weight: var(--fw-semibold);
    margin-block: var(--space-lg);
}

.pagina-top-inner .layout-grid2 .span-3-6-12 {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 15px;
    text-align: left;
}

@media(min-width:992px){
    .pagina-top-inner .layout-grid2 .span-3-6-12 {
        justify-content: center;
    }
    .homeicon {
        width: auto;
        height: 40px;
    }
}

@media(max-width:991px){
    .pagina-top-inner .layout-grid2{
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}
/*
.iconcam{
    color: var(--color-DEB06E);
    font-size: var(--text-lg);
    font-weight: var(--fw-semibold);
    margin-top: var(--space-sm);
    margin-bottom: var(--space-lg);
    max-width: 1440px;
    padding-inline: var(--site-gutter);
}

.iconcam .span-3-6-12 {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 15px;
    text-align: left;
}

@media(min-width:992px){
    .iconcam .span-3-6-12 {
        justify-content: center;
    }
}

@media(max-width:991px){
    .iconcam{
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}
*/

/* --- FIX ALINIERE ICONIȚE CAMERE (PE ACELAȘI RÂND) --- */
.iconcam {
    color: var(--color-DEB06E);
    font-size: var(--text-body);
    font-weight: var(--fw-semibold);
    margin-top: var(--space-sm);
    margin-bottom: var(--space-lg);
    max-width: 1440px;
    padding-inline: var(--site-gutter);
}

/* Țintim corect clasa .span-3-6 folosită în HTML */
.iconcam .span-3-6 {
    display: flex;
    flex-direction: row; /* Forțează iconița și textul pe același rând */
    align-items: center; /* Le centrează perfect pe verticală una față de cealaltă */
    justify-content: flex-start; /* Aliniere uniformă la stânga */
    gap: 15px; /* Spațiul exact dintre iconiță și text */
    text-align: left;
}

/* Asigurăm că iconița stă curat și nu se deformează */
.iconcam .span-3-6 .homeicon {
    margin: 0; 
    display: block;
    width: auto;
    height: 30px; /* Forțăm o înălțime unitară */
    flex-shrink: 0; /* CRITIC: Previne turtirea iconiței dacă textul trece pe rândul următor */
}

@media(min-width: 992px){
    .iconcam .span-3-6 {
        justify-content: center; /* Pe desktop dă mai bine centrat pe mijlocul coloanei */
    }
    .iconcam .span-3-6 .homeicon {
        height: 35px; /* Iconițe puțin mai mari pe ecran lat */
    }
}

@media(max-width: 991px){
    .iconcam {
        margin-left: auto;
        margin-right: auto;
    }
}