@import url('../fonts/manrope.css');

:root { --yd-navy:#09264d; --yd-ink:#142c48; --yd-blue:#184e8f; --yd-muted:#607082; --yd-gold:#ad8149; --yd-surface:#f4f6f9; }
body { font-family:'Manrope','Segoe UI',sans-serif; color:var(--yd-muted); font-size:14px; line-height:1.7; }
h1,h2,h3,h4,h5,h6 { color:var(--yd-ink); }
a { transition:color .2s,background .2s; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid #6cabe8; outline-offset:4px; }
body #main { overflow:hidden; }

/* The compact navy contact strip and bright navigation stay legible on every slide. */
.site-header-bar .top-inner,.top-wrapper-dark .top-inner { background:transparent; box-shadow:none; }
.top1-wrapper { background:rgba(6,26,51,.94); }
.site-header-bar .top1 { display:flex; align-items:center; gap:18px; border:0; min-height:40px; }
.site-header-bar .site-quick-contact { display:flex; flex-wrap:wrap; align-items:center; gap:24px; float:none; padding:0; font-size:12px; line-height:1.5; }
.site-quick-contact a,.top-wrapper-dark .site-quick-contact a { display:inline-flex; align-items:center; gap:8px; margin:0; color:#f2f6fc; }
.site-header-bar .site-quick-contact .site-icon { color:#a9c5e8; }
.site-header-bar .search-open { position:static; float:none; margin:0 0 0 auto; width:32px; height:32px; line-height:32px; color:#fff; font-size:17px; }
.site-header-bar .social-wrapper { position:static; float:none; }
.site-header-bar .social { display:flex; gap:14px; margin:0; padding:0; }
.site-header-bar .social li { float:none; margin:0; padding:0; border:0; }
.site-header-bar .social a { color:#fff; line-height:32px; }
.site-header-bar .top2-wrapper { padding:12px 0 0; }
.site-header-bar:not(.top-wrapper-dark) .top2-wrapper { padding:0; background:#fff; border-bottom:1px solid #e8edf2; }
.site-header-bar .top2 { display:flex; align-items:center; gap:20px; padding:12px 22px; min-height:78px; background:rgba(255,255,255,.97); border:1px solid rgba(255,255,255,.7); border-radius:8px; box-shadow:0 8px 28px #061a3320; }
.site-header-bar:not(.top-wrapper-dark) .top2 { box-shadow:none; border:0; padding-left:0; padding-right:0; }
.site-header-bar .top2::after { display:none; }
.site-brand,.site-footer-brand { display:inline-flex; align-items:center; gap:10px; position:static; top:auto; left:auto; transform:none; padding:0; flex-shrink:0; font-family:'Manrope','Segoe UI',sans-serif; text-decoration:none; text-transform:none; }
.site-brand,.site-brand-light,.site-brand-light:hover { color:var(--yd-navy); }
.site-brand .site-brand-name,.site-footer-brand .site-brand-name { max-width:none; overflow:visible; font-size:22px; font-weight:800; line-height:1.2; letter-spacing:-.8px; white-space:nowrap; }
.site-brand-mark.yd-brand-mark { display:block; flex:none; margin:0; width:48px; height:42px; border:0; border-radius:0; background:url('../images/yasdog/yasdog-logo-core.png') -1px -19px / 144px auto no-repeat; }
.site-header-bar .navbar_ { flex:1; float:none; padding:0; width:auto; margin:0; display:flex; justify-content:flex-end; }
.site-header-bar .navbar_ .navbar-nav { display:flex; align-items:center; gap:4px; }
.site-header-bar .navbar_ .navbar-nav > li { float:none; margin:0; border:0; }
.site-header-bar .navbar_ .navbar-nav > li > .nav-link,.top-wrapper-dark .navbar_ .navbar-nav > li > .nav-link { line-height:1.4!important; padding:11px 10px; color:var(--yd-ink)!important; border:0; border-radius:4px; font-family:'Manrope','Segoe UI',sans-serif; font-size:13px; font-weight:700; text-transform:none; letter-spacing:0; }
.site-header-bar .navbar_ .navbar-nav > li > .nav-link.active,.site-header-bar .navbar_ .navbar-nav > li > .nav-link:hover { color:var(--yd-blue)!important; background:#eaf0f7; }
.site-header-bar .navbar_ .navbar-nav > li > .nav-link.nav-reservation { background:var(--yd-navy); color:#fff!important; padding:12px 17px; margin-left:10px; }
.site-header-bar .navbar_ .navbar-nav > li > .nav-link.nav-reservation:hover { background:var(--yd-blue); }

/* Hero uses the original images at 1920px, with a quiet overlay for the copy. */
#home-inner { position:relative; min-height:580px; background:var(--yd-navy); }
.yd-hero-shade { position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(4,21,40,.56),rgba(4,21,40,.18) 75%),linear-gradient(0deg,rgba(4,21,40,.38),transparent 55%); }
.slide-text-wrapper { top:48%; margin:0; z-index:2; }
.slide-text { text-align:left; max-width:780px; }
.site-slide-badge { text-align:left; }
.site-slide-badge strong { display:inline-flex; align-items:center; gap:13px; margin:0 0 15px; font:700 12px/1.5 'Manrope','Segoe UI',sans-serif; letter-spacing:3px; color:#fff; }
.site-slide-badge strong::before { content:''; display:block; width:35px; height:2px; background:#d9b37b; }
.yd-hero-title { margin:0; color:white; font:400 clamp(48px,6.5vw,88px)/1.08 Georgia,'Times New Roman',serif; letter-spacing:-2px; text-shadow:0 2px 22px #05132630; }
.site-slide-subtitle { margin:18px 0 0; max-width:560px; color:#f3f6fb; font-size:16px; line-height:1.7; text-align:left; }
.yd-hero-link { display:inline-flex; align-items:center; gap:14px; margin-top:25px; color:#fff; font-size:13px; font-weight:700; text-decoration:none; border-bottom:1px solid #ffffff70; padding-bottom:6px; }
.yd-hero-link:hover { color:#dfbd8b; text-decoration:none; }
.booking-wrapper { bottom:76px; }
.booking-inner { border-radius:7px; box-shadow:0 12px 35px #051b3633; }
.booking-inner .form1 { display:grid; grid-template-columns:1.15fr 1.15fr .8fr 1.15fr 1fr; padding:9px; align-items:center; gap:0; }
.booking-inner .form1 > div { width:auto; float:none; min-width:0; border:0; border-right:1px solid #e2e8ef; padding:6px 15px; }
.booking-inner .form1 > div:last-child { border:0; padding:0 0 0 10px; }
.booking-inner .form1 label { display:block; margin:0 0 3px; color:#617287; font-size:10px; letter-spacing:1px; font-weight:800; text-transform:uppercase; }
.booking-inner .input1_inner::after,.booking-inner .input1_inner:before { display:none; }
.booking-inner .input1_inner input { padding:0; height:30px; color:var(--yd-ink); font:600 13px/30px 'Manrope','Segoe UI',sans-serif; }
.booking-inner .select2-container { width:100%!important; }
.booking-inner .select2-selection--single { height:30px; border:0; }
.booking-inner .select2-selection--single .select2-selection__rendered { padding:0 15px 0 0; line-height:30px; font:600 13px/30px 'Manrope','Segoe UI',sans-serif; color:var(--yd-ink); }
.booking-inner .select2-selection--single .select2-selection__arrow { top:0; height:30px; width:16px; }
.booking-inner .btn-form1-submit { min-height:57px; border-radius:4px; background:var(--yd-navy); color:#fff; font:700 12px/1.3 'Manrope','Segoe UI',sans-serif; text-decoration:none; letter-spacing:.5px; }
.booking-inner .btn-form1-submit::after { display:none; }
.booking-inner .btn-form1-submit:hover { background:var(--yd-blue); }

/* Shared rhythm: a 40px section inset and compact heading stack. */
#about,#rooms,#best-places,#what-client-say,#latest-news,.page-about #about { padding:40px 0; }
#content,#content-inner { padding:32px 0 40px; }
#rooms,#what-client-say,.site-band-light { background:var(--yd-surface); }
.title0 { margin:0 0 7px; padding:0; color:var(--yd-blue); font:800 13px/1.5 'Manrope','Segoe UI',sans-serif; letter-spacing:2px; text-transform:uppercase; }
.title1,#best-places .title1 { margin:0 0 9px; padding:0; color:var(--yd-ink); font:400 clamp(28px,3vw,38px)/1.18 Georgia,'Times New Roman',serif; letter-spacing:-.7px; text-transform:none; }
.title2,#best-places .title2 { margin:0 0 23px; padding:0; background:none; color:var(--yd-muted); font:400 14px/1.65 'Manrope','Segoe UI',sans-serif; }
#about .title0,#rooms .title0 { font-size:14px; font-weight:800; }
.about-slider-wrapper { margin-top:20px; }
.about-slider-left { padding-left:24px; padding-right:20px; }
.about-slider-right { padding-left:20px; }
.about-slider-thumb { left:0; width:68px; border-width:6px; }
.slider-for { border:7px solid white; border-radius:4px; box-shadow:0 5px 20px #102a4310; }
.slider-for img { height:330px; object-fit:cover; }
.slider-nav .slider-item { padding-top:14px; }
.slider-nav .txt1 { font:400 28px/1.25 Georgia,'Times New Roman',serif; color:var(--yd-ink); padding-bottom:14px; }
.slider-nav .txt2 { font:400 14px/1.8 'Manrope','Segoe UI',sans-serif; padding-bottom:14px; }
.slider-nav .txt3 { font-size:12px; font-weight:800; color:var(--yd-ink); }
.slider-nav .txt4,.slider-nav .txt5 { font-size:10px; line-height:1.6; }
.slider-nav .txt5 { color:var(--yd-gold); }
.about-slider-right .btn1 { margin-top:16px; }
.btn1,.btn2,.details2-link { padding:13px 23px; border-radius:4px; background:var(--yd-navy); color:#fff; font:700 12px/1.6 'Manrope','Segoe UI',sans-serif; text-transform:none; letter-spacing:.3px; text-decoration:none; }
.btn1:hover,.btn2:hover,.details2-link:hover { background:var(--yd-blue); color:#fff; }
.site-center-action { padding:0; margin-top:4px; }
.room { margin:0 0 24px; border:1px solid #e8edf3; border-radius:6px; overflow:hidden; box-shadow:0 5px 18px #0a23400d; }
.room figure img { height:220px; }
.room figure::after { content:''; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,#06172c9c); pointer-events:none; }
.room figure figcaption { z-index:1; bottom:18px; padding:0 21px; }
.room figure figcaption .txt1 { font:700 14px/1.4 'Manrope','Segoe UI',sans-serif; letter-spacing:.3px; }
.room figure figcaption .txt2 { margin-top:4px; font:500 10px/1.4 'Manrope','Segoe UI',sans-serif; letter-spacing:.4px; }
.room .caption { padding:20px; }
.room .caption .txt1 { font:700 16px/1.5 'Manrope','Segoe UI',sans-serif; color:var(--yd-ink); }
.room .caption .txt2 { font-size:11px; padding:5px 0 8px; }
.room .caption .txt3 { min-height:64px; font:400 12px/1.7 'Manrope','Segoe UI',sans-serif; padding-bottom:10px; }
.room .caption .txt4 a { color:var(--yd-blue); }
.room .select-txt a { background:var(--yd-navy); padding:12px 20px; font:600 13px/1.6 'Manrope','Segoe UI',sans-serif; text-decoration:none; }
.room .select-txt a:hover { background:var(--yd-blue); }
.room .room-icons { position:static; display:flex; align-items:stretch; right:auto; bottom:auto; width:100%; box-shadow:none; background:#f1f5fa; }
.room .room-price { flex:1.5; background:transparent; color:var(--yd-navy); padding:11px 12px; text-align:left; }
.room .room-price .txt1 { font:800 18px/1.4 'Manrope','Segoe UI',sans-serif; }
.room .room-price .txt2 { color:var(--yd-muted); font-size:9px; }
.room .room-ic { flex:1; border:0; border-left:1px solid #dfe6ef; padding:10px 5px; color:var(--yd-muted); font-size:9px; }
.room .room-ic .site-icon { color:var(--yd-blue); font-size:17px; margin-bottom:4px; }
.site-place-grid { margin-top:0; }
.site-place { border-radius:5px; margin-bottom:20px; }
.site-place img { height:175px; }
.site-place span { left:17px; bottom:13px; font:700 15px/1.4 'Manrope','Segoe UI',sans-serif; text-transform:none; }
.testimonial-wrapper { margin-top:0; }
.testimonial .testimonial-caption { padding:22px; margin-bottom:18px; box-shadow:none; font:400 14px/1.8 'Manrope','Segoe UI',sans-serif; }
.owl-carousel-testimonials .owl-item.center .testimonial-caption { background:var(--yd-navy); color:#fff; }
.testimonial .author figure { width:48px; margin:0 13px 0 12px; }
.testimonial .author .txt1 { font-family:'Manrope','Segoe UI',sans-serif; font-size:12px; font-weight:800; }
.testimonial .author .txt2 { font-size:11px; }
.owl-carousel-testimonials .owl-dots { margin-top:16px; }
.latest-news { margin-bottom:0; border:1px solid #e7edf3; border-radius:6px; overflow:hidden; background:#fff; }
.latest-news figure { margin:0; border:0; box-shadow:none; }
.latest-news figure img { height:210px; }
.latest-news .caption { margin:0; padding:20px; box-shadow:none; }
.latest-news .caption .txt1 { margin:0 0 9px; padding:0; font:700 17px/1.45 'Manrope','Segoe UI',sans-serif; }
.latest-news .caption .txt1 a { color:var(--yd-ink); text-decoration:none; }
.latest-news .caption .txt2 { font:400 13px/1.7 'Manrope','Segoe UI',sans-serif; padding-bottom:5px; }
.site-post-date { margin:8px 0 0; color:var(--yd-blue); font-size:10px; }

/* All inner pages share the same restrained banners and spacing. */
.page-hero { min-height:230px; }
.page-hero::before { background:rgba(5,25,48,.58); }
.page-hero-inner { padding:48px 0; }
.page-hero .title0 { text-align:left; color:#ddc59d; font-size:12px; }
.page-hero h1 { margin:0 0 12px; font:400 44px/1.15 Georgia,'Times New Roman',serif; text-transform:none; letter-spacing:-1px; }
.page-hero p { font-size:14px; line-height:1.7; }
.breadcrumbs1 { padding-top:12px; padding-bottom:12px; font-size:11px; }
.site-filter-note { margin:0 0 20px; }
.booking2-wrapper { margin-bottom:24px; }
.site-blog-card,.site-gallery-item,.room-wide { margin-bottom:24px; }
.site-stats { margin-top:25px; }
.site-stats > div { padding:16px 10px; }
.site-stats strong { font-family:'Manrope','Segoe UI',sans-serif; font-size:28px; font-weight:800; }
.site-empty { padding:28px 22px; }
.site-empty h3,.site-post-detail h2,.site-reservation-summary h3,.site-feature-grid strong,.site-review-name { font-family:'Manrope','Segoe UI',sans-serif; text-transform:none; }
.contact-location { padding:25px; }
.contact-location .txt1 { color:var(--yd-navy); font:800 24px/1.3 'Manrope','Segoe UI',sans-serif; }
.contact-location .txt4 { margin:15px 0; padding:18px 0; font-size:13px; }
.site-map iframe,.site-map img { height:360px!important; }
.site-contact-card,.site-available-mini,.site-reservation-summary { margin-bottom:22px; padding:22px; }
.reservation-form { padding:23px; }
.site-form .form-control { font-family:'Manrope','Segoe UI',sans-serif; font-size:13px; }

/* Footer continues the existing brand without oversized empty rows. */
.bot1-wrapper,.bot2-wrapper,.bot3-wrapper { background:#091c33; }
.bot1 { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:14px; padding:28px 0 22px; text-align:left; }
.site-footer-brand,.site-footer-brand:hover { color:#fff; }
.site-footer-brand .yd-brand-mark { background-color:#fff; border-radius:4px; }
.site-footer-brand .site-brand-name { font-size:22px; }
.footer-tagline { color:#b6c5d7; font-size:12px; }
.bot1 .social2 { display:flex; gap:8px; margin:0; }
.bot1 .social2:empty,.social-wrapper:has(.social:empty) { display:none; }
.bot2 { padding:0 0 23px; border-color:#ffffff20; }
.bot2-title { padding:23px 0 13px; color:#fff; font:800 12px/1.5 'Manrope','Segoe UI',sans-serif; letter-spacing:1px; }
.contact1 { padding-bottom:10px; font-size:12px; color:#b6c5d7; }
.contact1 b { color:#e5edf7; font-weight:600; }
.contact1 a,.footer-links a { color:#b6c5d7; }
.footer-links { font-size:12px; }
.footer-links li { margin-bottom:8px; }
.best1 { display:grid; grid-template-columns:repeat(3,62px); gap:9px; }
.best1 li { float:none; padding:0; }
.best1 img { width:62px; height:45px; border-radius:3px; }
.bot3-wrapper { padding:17px 0 68px; color:#9caec4; font-size:11px; }
.social2 li a::before { display:none; }

@media (max-width:1199px) {
  .site-header-bar .top2 { gap:10px; padding-left:15px; padding-right:15px; }
  .site-brand .site-brand-name { font-size:20px; }
  .site-header-bar .navbar_ .navbar-nav > li > .nav-link { font-size:12px; padding:10px 7px; }
  .site-header-bar .navbar_ .navbar-nav > li > .nav-link.nav-reservation { margin-left:4px; padding:11px; }
}
@media (max-width:991px) {
  .site-header-bar .top2 { display:flex; flex-wrap:wrap; gap:0; padding:10px 16px; }
  .site-header-bar .site-brand { float:none; }
  .site-header-bar .navbar_ { position:static; flex:1; clear:none; padding:0; }
  .site-header-bar .navbar_ .navbar-toggler { display:block; float:none; margin:0 0 0 auto; padding:7px; border:1px solid #dce5f0; color:var(--yd-navy); }
  .site-header-bar .navbar_ .navbar-toggler-icon { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%2309264d' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
  #siteNavbar { position:absolute; top:100%; left:0; right:0; margin-top:6px; background:#fff; border-radius:6px; box-shadow:0 12px 25px #071d3433; padding:10px 14px; }
  #siteNavbar:not(.show):not(.collapsing) { display:none; }
  .site-header-bar .navbar_ .navbar-nav { flex-direction:column; align-items:stretch; gap:3px; }
  .site-header-bar .navbar_ .navbar-nav > li > .nav-link { font-size:13px; padding:10px 12px; }
  .site-header-bar .navbar_ .navbar-nav > li > .nav-link.nav-reservation { margin-left:0; text-align:center; }
  .booking-inner .form1 > div { padding:5px 9px; }
  .booking-inner .input1_inner input,.booking-inner .select2-selection--single .select2-selection__rendered { font-size:11px; }
  .site-place img { height:150px; }
  #best-places .title1 { font-size:30px; }
}
@media (max-width:767px) {
  .site-header-bar .top1-wrapper { display:block; }
  .site-header-bar .top1 { min-height:52px; gap:8px; }
  .site-header-bar .site-quick-contact { display:flex; gap:4px 14px; font-size:10px; }
  .site-quick-contact a { display:inline-flex; }
  .site-header-bar .social-wrapper,.site-header-bar .search-open { display:block; }
  .site-header-bar .social { gap:6px; }
  .site-header-bar .search-open { flex:none; font-size:15px; }
  .site-header-bar .top2-wrapper { padding-top:9px; }
  .site-header-bar .top2 { min-height:62px; padding:8px 13px; }
  .site-brand .site-brand-name { font-size:20px; }
  .site-brand .yd-brand-mark { width:42px; height:38px; background-size:128px auto; background-position:-1px -17px; }
  #home-inner { min-height:680px; }
  .slide-text-wrapper { top:235px; transform:none; }
  .slide-text { max-width:100%; }
  .yd-hero-title { font-size:51px; letter-spacing:-1.4px; }
  .site-slide-badge strong { font-size:10px; letter-spacing:2px; margin-bottom:12px; }
  .site-slide-subtitle { font-size:13px; max-width:310px; margin-top:12px; }
  .yd-hero-link { margin-top:16px; font-size:12px; }
  .booking-wrapper { position:absolute; bottom:22px; margin:0; }
  .booking-inner .form1 { grid-template-columns:1fr 1fr; gap:0; padding:10px; }
  .booking-inner .form1 > div { padding:5px 9px; border-right:0; }
  .booking-inner .form1 > div:last-child { grid-column:1/-1; padding:7px 0 0; }
  .booking-inner .btn-form1-submit { min-height:43px; }
  .booking-inner .form1 label { font-size:9px; margin-bottom:1px; }
  .booking-inner .input1_inner input,.booking-inner .select2-selection--single .select2-selection__rendered { font-size:12px; }
  #about,#rooms,#best-places,#what-client-say,#latest-news,.page-about #about { padding:29px 0; }
  #content,#content-inner { padding:24px 0 30px; }
  .title0,#about .title0,#rooms .title0 { font-size:12px; letter-spacing:1.7px; }
  .title1,#best-places .title1 { font-size:30px; }
  .title2,#best-places .title2 { font-size:12px; margin-bottom:19px; }
  .about-slider-wrapper { margin-top:12px; }
  .about-slider-left,.about-slider-right { float:none; width:100%; padding:0; }
  .about-slider-thumb { display:none; }
  .slider-for img { height:255px; }
  .about-slider-right { padding-top:12px; }
  .slider-nav .txt1 { font-size:24px; padding-bottom:12px; }
  .slider-nav .txt2 { font-size:13px; }
  .room { margin-bottom:20px; }
  .room .caption .txt3 { min-height:0; }
  .site-place-grid { margin-top:20px; }
  .site-place img { height:190px; }
  .latest-news { margin-bottom:18px; }
  .page-hero { min-height:200px; }
  .page-hero-inner { padding:35px 0; }
  .page-hero h1 { font-size:36px; }
  .page-hero p { font-size:12px; }
  .site-post-detail img { height:230px; }
  .site-map iframe,.site-map img { height:280px!important; }
  .contact-location { margin-bottom:20px; }
  .contact-location .txt4 { margin:10px 0; padding:12px 0; }
  .bot1 { padding:24px 0 18px; gap:12px; }
  .footer-tagline { flex-basis:100%; }
  .bot2-title { padding-top:21px; }
  .bot3-wrapper { padding-bottom:80px; }
}
@media (max-width:374px) {
  .site-quick-contact { max-width:245px; }
  .site-header-bar .site-quick-contact { gap:3px; }
  .yd-hero-title { font-size:44px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}