/* MD Barbaros — tema üzerine küçük uyarlamalar */
.room-img{aspect-ratio:4/5;object-fit:cover}
.square-img{aspect-ratio:1/1;object-fit:cover}
#logo img{max-height:56px;width:auto}
.subfooter a{color:inherit;text-decoration:underline}
.gal-img{aspect-ratio:3/2;object-fit:cover}
.amen-fa{font-size:30px;width:40px;text-align:center;color:var(--primary-color)}
.feat-list{list-style:none;padding:0;margin:0}
.feat-list li{padding:10px 0;border-bottom:1px solid #e9e4dd}
.article-body p{margin-bottom:18px}
.legal h2{font-size:22px;margin:28px 0 10px}
.legal h3{font-size:18px;margin:20px 0 8px}
.legal ul{padding-left:20px;margin-bottom:16px}
.pill{display:inline-block;padding:6px 16px;margin:4px;border:1px solid var(--primary-color);color:var(--primary-color);border-radius:30px;font-size:14px}
.map-frame iframe{width:100%;height:420px;border:0}
.post-img{width:100%;aspect-ratio:16/10;object-fit:cover}
.article-body img{max-width:100%;height:auto;margin-bottom:18px}
.article-body ul,.article-body ol{padding-left:22px;margin-bottom:18px}
#success_message,#error_message{margin:16px 0;padding:14px 18px;text-align:center}
#success_message{background:#e9f5ec;color:#1d6b36}
#error_message{background:#fbeaea;color:#a12626}
/* Mega menü: Odalarımız */
#mainmenu .mega-title{font-size:26px;margin:0 0 14px}
#mainmenu .mega-title a{color:#222;padding:0;background:none}
#mainmenu .mega-list{list-style:none;margin:0;padding:0}
#mainmenu .mega-list li a{display:block;padding:6px 0;color:#222;font-size:15px}
#mainmenu .mega-list li a:hover{color:var(--primary-color)}
#mainmenu .mega-badge{position:absolute;top:10px;left:10px;z-index:3;background:var(--primary-color);color:#fff;font-size:13px;font-weight:600;line-height:1;padding:7px 10px;border-radius:3px}
#mainmenu .mega-img{aspect-ratio:16/10;object-fit:cover}
#mainmenu .mega h4{font-size:20px}
#mainmenu .mega a{color:inherit}
.topbar-widget{margin-right:30px}
.topbar-widget a{font-size:14px}
#mainmenu .mega-imgwrap{display:block!important;width:100%!important;overflow:hidden;border-radius:5px}
#mainmenu .mega-img{display:block!important;width:100%!important;height:auto!important}
#mainmenu .mega-badge{right:auto!important;white-space:nowrap;width:auto!important;height:auto!important}
header{z-index:1100}
#mainmenu .mega-list li a,#mainmenu .mega h4{font-size:inherit}
#mainmenu .mega-list li a{font-size:16px}
#mainmenu .mega h4{font-size:20px}
#mainmenu .mega a.d-block{text-align:center}
#mainmenu .mega .mega-title{text-align:left}
/* mega menü: rozet görselin içinde, hover'da arka plan değişmesin */
#mainmenu .mega-imgwrap{position:relative}
#mainmenu .mega-badge{top:10px!important;left:10px!important;right:auto!important}
#mainmenu .mega a.d-block,#mainmenu .mega a.d-block:hover,#mainmenu .mega a.d-block h4,#mainmenu .mega a.d-block:hover h4{background:none!important;color:#222!important}
/* yorumlar: metin kemerin içinde kalsın */
.testi-text{max-width:calc(30vw - 110px);margin:0 auto}
.testi-quote{font-size:clamp(18px,1.7vw,30px);line-height:1.4}
@media (max-width:991px){.testi-text{max-width:100%}}
/* harita altında boşluk kalmasın */
.map-frame{line-height:0;font-size:0}
.map-frame iframe{display:block}
.modal .legal h2{font-size:20px}
#mainmenu .mega-badge{position:absolute!important;float:none!important;display:block;top:10px!important;left:10px!important;right:auto!important;width:auto!important;height:auto!important;margin:0!important}
.modal{z-index:1200}.modal-backdrop{z-index:1190}

/* Only the first slide's title is an h1 (SEO); later slides use h2 with the same look. */
h2.slider-title{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);letter-spacing:var(--h1-letter-spacing);line-height:1.15em;margin-bottom:var(--h1-margin-bottom)}
@media (max-width:992px){h2.slider-title{font-size:60px}}
@media (max-width:767px){h2.slider-title{font-size:48px;letter-spacing:-2px}}
:where(img[width][height]){height:auto}
