.elementor-703 .elementor-element.elementor-element-ba191eb{--display:flex;--min-height:352px;--justify-content:flex-end;}.elementor-703 .elementor-element.elementor-element-ba191eb:not(.elementor-motion-effects-element-type-background), .elementor-703 .elementor-element.elementor-element-ba191eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#273250;}.elementor-703 .elementor-element.elementor-element-ba191eb > .elementor-shape-bottom svg, .elementor-703 .elementor-element.elementor-element-ba191eb > .e-con-inner > .elementor-shape-bottom svg{width:calc(260% + 1.3px);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-703 .elementor-element.elementor-element-fd034fb{padding:0px 0px 77px 0px;text-align:center;}.elementor-703 .elementor-element.elementor-element-fd034fb .elementor-heading-title{font-family:"nantes", Sans-serif;font-size:48px;font-weight:500;color:#FFFFFF;}.elementor-703 .elementor-element.elementor-element-f13c829{--display:flex;}.elementor-703 .elementor-element.elementor-element-416886b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-703 .elementor-element.elementor-element-8ed43ee{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-703 .elementor-element.elementor-element-0a9fe1d{--display:flex;}.elementor-703 .elementor-element.elementor-element-a4762a7{--display:flex;}.elementor-703 .elementor-element.elementor-element-faf7ab6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-703 .elementor-element.elementor-element-c5d45c0{--display:flex;}.elementor-703 .elementor-element.elementor-element-3d1c95c{--display:flex;}.elementor-703 .elementor-element.elementor-element-6b3de7e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-703 .elementor-element.elementor-element-22b24c4{--display:flex;}.elementor-703 .elementor-element.elementor-element-20bb673{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-703 .elementor-element.elementor-element-ba191eb{--min-height:156px;--justify-content:center;}.elementor-703 .elementor-element.elementor-element-fd034fb{padding:0px 0px 0px 0px;}.elementor-703 .elementor-element.elementor-element-fd034fb .elementor-heading-title{font-size:35px;}}/* Start custom CSS for html, class: .elementor-element-83bec78 */.breadcrumbs {
  border: 1px solid #cbd2d9;
  border-radius: 0.3rem;
  display: inline-flex;
  overflow: hidden;
}

.breadcrumbs__item {
  background: #fff;
  color: #333;
  outline: none;
  padding: 0.75em 0.75em 0.75em 1.25em;
  position: relative;
  text-decoration: none;
  transition: background 0.2s linear;
}

.breadcrumbs__item:hover:after,
.breadcrumbs__item:hover {
  background: #edf1f5;
}

.breadcrumbs__item:focus:after,
.breadcrumbs__item:focus,
.breadcrumbs__item.is-active:focus {
  background: #323f4a;
  color: #fff;
}

.breadcrumbs__item:after,
.breadcrumbs__item:before {
  background: white;
  bottom: 0;
  clip-path: polygon(50% 50%, -50% -50%, 0 100%);
  content: "";
  left: 100%;
  position: absolute;
  top: 0;
  transition: background 0.2s linear;
  width: 1em;
  z-index: 1;
}

.breadcrumbs__item:before {
  background: #cbd2d9;
  margin-left: 1px;
}

.breadcrumbs__item:last-child {
  border-right: none;
}

.breadcrumbs__item.is-active {
  background: #edf1f5;
}

/* Some styles to make the page look a little nicer *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8855a9 *//* Ana Oda Kartı Stili */
.room-card {
    font-family: 'Montserrat', sans-serif; /* Fontu doğrudan bileşene taşıdık */
    display: flex;
    max-width: 800px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
   border: 1px solid;
}

.room-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

/* Oda Resmi Bölümü */
.room-image {
    flex: 0 0 45%;
}

.room-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Oda Bilgileri Bölümü */
.room-info {
    flex: 1;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* İçerik arasında dikey boşluk bırakır */
}

.room-title {
    margin: 0 0 10px 0;
    font-size: 24px;
    font-weight: 600;
    color: #333333;
}

.room-description {
    margin: 0 0 20px 0;
    font-size: 15px;
    color: #666666;
    line-height: 1.6;
}

/* --- YENİLENEN İKON ALANI --- */
.room-features {
    position: relative; /* "..." efektini konumlandırmak için gerekli */
    display: flex;
    gap: 18px; /* İkonlar arası boşluk */
    margin-bottom: 25px;
    color: black;
    font-size: 18px;
    
    /* İkonların tek satırda kalmasını ve taşanların gizlenmesini sağlar */
    flex-wrap: nowrap; 
    overflow: hidden;
}

/* Sona "..." ekleyen ve hafifçe flulaştıran pseudo-element */
.room-features::after {
    content: '...';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 5px 0 20px; /* Solundaki boşluk flulaşma alanı sağlar */
    display: flex;
    align-items: center;
    font-weight: bold;
    color: black;
    /* Beyaz arkaplana doğru şeffaflaşan bir gradient ile keskin bitişi yumuşatır */
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 40%);
}


/* Oda Detay Butonu */
.btn-details {
    display: inline-block;
    padding: 12px 25px;
    background-color: #f1f0f0;
    color: black;
    text-decoration: none;
    font-weight: 600;
    border-radius: 8px;
    text-align: center;
    transition: background-color 0.3s ease;
    align-self: flex-start;
}

.btn-details:hover {
    background-color: #edebe9;
}
/* ========================================= */
/* MOBİL UYUMLULUK (RESPONSIVE)         */
/* ========================================= */

/* Ekran genişliği 768px veya daha az olduğunda bu stiller uygulanır */
@media (max-width: 768px) {

    .room-card {
        /* Kartın yönünü dikey (alt alta) olarak değiştir */
        flex-direction: column; 
        
        /* Mobil cihazlarda kenar boşluğunu azaltarak daha fazla alan yarat */
       
    }

    .room-image {
        /* Resim için sabit bir maksimum yükseklik belirle, çok uzun olmasını engeller */
        max-height: 250px; 
    }

    .room-info {
        /* İçerik ve kenarlar arası boşluğu mobil için optimize et */
        padding: 25px; 
    }

    .room-title {
        /* Başlık fontunu küçük ekranlar için biraz küçült */
        font-size: 22px; 
    }

    .btn-details {
        /* Butonun kartın genişliğine yayılmasını sağla, daha kolay tıklanır */
        align-self: stretch; 
        text-align: center;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'nantes';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://agvamintshotel.com/wp-content/uploads/2025/08/Nantes-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */