/* Casa Luday live overrides v7 — larger blog + service visuals */
.banner-section .single-banner {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #134e4a !important;
  min-height: 420px !important;
}
@media (min-width: 992px) {
  .banner-section .single-banner { min-height: 520px !important; }
}
@media (max-width: 575px) {
  .banner-section .single-banner { min-height: 360px !important; }
}
.banner-section .single-banner .banner-content h1 {
  font-size: 28px !important;
  line-height: 1.35 !important;
  max-width: 720px !important;
}
@media (min-width: 768px) {
  .banner-section .single-banner .banner-content h1 { font-size: 34px !important; }
}
@media (min-width: 1200px) {
  .banner-section .single-banner .banner-content h1 { font-size: 40px !important; }
}
.banner-section .single-banner .banner-content .promo-text {
  font-size: 13px !important;
  letter-spacing: 2px !important;
  margin-bottom: 12px !important;
}

.site-logo img.corp-header-logo,
.footer-logo img.corp-footer-logo {
  width: auto !important;
  height: auto !important;
  max-width: 200px !important;
  max-height: 64px !important;
  object-fit: contain !important;
}
.footer-logo {
  background: #fff;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 8px;
  line-height: 0;
}

/* ===== SERVICES LIST: BIG images ===== */
.service-section .service-boxes > [class*="col-"] { display: flex; }
.service-section .service-box,
.service-section .service-box-three {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.service-section a.icon {
  display: block !important;
  width: 100% !important;
  height: 280px !important;
  max-width: none !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #e8eef0 !important;
  line-height: 0 !important;
}
.service-section a.icon img,
.service-section a.icon img.icon,
.service-section .service-box a.icon img,
.service-section .service-box-three a.icon img {
  width: 100% !important;
  height: 280px !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 100% !important;
  min-height: 280px !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 767px) {
  .service-section a.icon,
  .service-section a.icon img {
    height: 220px !important;
    min-height: 220px !important;
  }
}

/* ===== SERVICE DETAIL: large hero image + readable content ===== */
.service-details .post-details-wrap .corp-service-hero {
  margin-bottom: 28px;
  border-radius: 14px;
  overflow: hidden;
}
.service-details .post-details-wrap .corp-service-hero img {
  width: 100% !important;
  height: auto !important;
  max-height: 480px !important;
  object-fit: cover !important;
  display: block !important;
}
.service-details .post-details-wrap .post-content .title {
  font-size: 36px !important;
  line-height: 1.25 !important;
  margin-bottom: 18px !important;
}
.service-details .post-details-wrap .summernote-content,
.service-details .post-details-wrap .corp-html-content {
  font-size: 18px !important;
  line-height: 1.8 !important;
}
.service-details .post-details-wrap .corp-html-content p {
  margin-bottom: 1rem !important;
}
.service-details .post-details-wrap .corp-html-content ul {
  margin: 1rem 0 1.25rem 1.25rem !important;
  font-size: 18px !important;
}

/* ===== BLOG LIST + DETAIL: wider + tall images ===== */
.blog-section .row.justify-content-center > .col-lg-8 {
  flex: 0 0 100% !important;
  max-width: 960px !important;
}
.blog-loop.standard-blog .single-post-box {
  margin-bottom: 40px !important;
}
.blog-loop.standard-blog .single-post-box .post-thumb,
.blog-section .post-details-wrap .post-thumb {
  display: block !important;
  width: 100% !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  margin-bottom: 22px !important;
}
.blog-loop.standard-blog .single-post-box .post-thumb img,
.blog-section .post-details-wrap .post-thumb img {
  width: 100% !important;
  height: 420px !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}
@media (max-width: 767px) {
  .blog-loop.standard-blog .single-post-box .post-thumb img,
  .blog-section .post-details-wrap .post-thumb img {
    height: 240px !important;
  }
}
.blog-loop.standard-blog .single-post-box .post-content .title,
.blog-section .post-details-wrap .post-content .title {
  font-size: 30px !important;
  line-height: 1.3 !important;
}
.blog-section .post-details-wrap .summernote-content,
.blog-section .post-details-wrap .corp-html-content {
  font-size: 18px !important;
  line-height: 1.8 !important;
}

.contact-section .illustration-img img {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
}

/* ===== MOBILE ONLY: logo must not touch language switcher ===== */
@media only screen and (max-width: 991px) {
  .sticky-header .header-nav .container.mobile-rs-nav,
  .sticky-header .header-nav .mobile-rs-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }
  .sticky-header .site-logo {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 160px) !important;
    margin-right: 12px !important;
    padding-right: 4px !important;
  }
  .sticky-header .site-logo a {
    display: inline-block !important;
    max-width: 100% !important;
  }
  .sticky-header .site-logo img.corp-header-logo {
    max-width: 130px !important;
    max-height: 40px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }
  .sticky-header .navbar-extra {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    gap: 8px !important;
  }
  .sticky-header .language-selection {
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 575px) {
  .sticky-header .site-logo {
    max-width: calc(100% - 150px) !important;
    margin-right: 14px !important;
  }
  .sticky-header .site-logo img.corp-header-logo {
    max-width: 115px !important;
    max-height: 36px !important;
  }
}