.mt-5{margin-top:5px !important}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt-105{margin-top:105px}.mt-110{margin-top:110px}.mt-115{margin-top:115px}.mt-120{margin-top:120px}.mt-125{margin-top:125px}.mt-130{margin-top:130px}.mt-135{margin-top:135px}.mt-140{margin-top:140px}.mt-145{margin-top:145px}.mt-150{margin-top:150px}.mt-155{margin-top:155px}.mt-160{margin-top:160px}.mt-165{margin-top:165px}.mt-170{margin-top:170px}.mt-175{margin-top:175px}.mt-180{margin-top:180px}.mt-185{margin-top:185px}.mt-190{margin-top:190px}.mt-195{margin-top:195px}.mt-200{margin-top:200px}.mb-5{margin-bottom:5px !important}.mb-8{margin-bottom:8px !important}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.mb-105{margin-bottom:105px}.mb-110{margin-bottom:110px}.mb-115{margin-bottom:115px}.mb-120{margin-bottom:120px}.mb-125{margin-bottom:125px}.mb-130{margin-bottom:130px}.mb-135{margin-bottom:135px}.mb-140{margin-bottom:140px}.mb-145{margin-bottom:145px}.mb-150{margin-bottom:150px}.mb-155{margin-bottom:155px}.mb-160{margin-bottom:160px}.mb-165{margin-bottom:165px}.mb-170{margin-bottom:170px}.mb-175{margin-bottom:175px}.mb-180{margin-bottom:180px}.mb-185{margin-bottom:185px}.mb-190{margin-bottom:190px}.mb-195{margin-bottom:195px}.mb-200{margin-bottom:200px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}.ml-65{margin-left:65px}.ml-70{margin-left:70px}.ml-75{margin-left:75px}.ml-80{margin-left:80px}.ml-85{margin-left:85px}.ml-90{margin-left:90px}.ml-95{margin-left:95px}.ml-100{margin-left:100px}.ml-105{margin-left:105px}.ml-110{margin-left:110px}.ml-115{margin-left:115px}.ml-120{margin-left:120px}.ml-125{margin-left:125px}.ml-130{margin-left:130px}.ml-135{margin-left:135px}.ml-140{margin-left:140px}.ml-145{margin-left:145px}.ml-150{margin-left:150px}.ml-155{margin-left:155px}.ml-160{margin-left:160px}.ml-165{margin-left:165px}.ml-170{margin-left:170px}.ml-175{margin-left:175px}.ml-180{margin-left:180px}.ml-185{margin-left:185px}.ml-190{margin-left:190px}.ml-195{margin-left:195px}.ml-200{margin-left:200px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-75{margin-right:75px}.mr-80{margin-right:80px}.mr-85{margin-right:85px}.mr-90{margin-right:90px}.mr-95{margin-right:95px}.mr-100{margin-right:100px}.mr-105{margin-right:105px}.mr-110{margin-right:110px}.mr-115{margin-right:115px}.mr-120{margin-right:120px}.mr-125{margin-right:125px}.mr-130{margin-right:130px}.mr-135{margin-right:135px}.mr-140{margin-right:140px}.mr-145{margin-right:145px}.mr-150{margin-right:150px}.mr-155{margin-right:155px}.mr-160{margin-right:160px}.mr-165{margin-right:165px}.mr-170{margin-right:170px}.mr-175{margin-right:175px}.mr-180{margin-right:180px}.mr-185{margin-right:185px}.mr-190{margin-right:190px}.mr-195{margin-right:195px}.mr-200{margin-right:200px}.pt-5{padding-top:5px !important}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-155{padding-top:155px}.pt-160{padding-top:160px}.pt-165{padding-top:165px}.pt-170{padding-top:170px}.pt-175{padding-top:175px}.pt-180{padding-top:180px}.pt-185{padding-top:185px}.pt-190{padding-top:190px}.pt-195{padding-top:195px}.pt-200{padding-top:200px}.pb-5{padding-bottom:5px !important}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px}.pb-155{padding-bottom:155px}.pb-160{padding-bottom:160px}.pb-165{padding-bottom:165px}.pb-170{padding-bottom:170px}.pb-175{padding-bottom:175px}.pb-180{padding-bottom:180px}.pb-185{padding-bottom:185px}.pb-190{padding-bottom:190px}.pb-195{padding-bottom:195px}.pb-200{padding-bottom:200px}.pb-210{padding-bottom: 210px;}.pb-240{padding-bottom: 240px;}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pl-65{padding-left:65px}.pl-70{padding-left:70px}.pl-75{padding-left:75px}.pl-80{padding-left:80px}.pl-85{padding-left:85px}.pl-90{padding-left:90px}.pl-95{padding-left:95px}.pl-100{padding-left:100px}.pl-105{padding-left:105px}.pl-110{padding-left:110px}.pl-115{padding-left:115px}.pl-120{padding-left:120px}.pl-125{padding-left:125px}.pl-130{padding-left:130px}.pl-135{padding-left:135px}.pl-140{padding-left:140px}.pl-145{padding-left:145px}.pl-150{padding-left:150px}.pl-155{padding-left:155px}.pl-160{padding-left:160px}.pl-165{padding-left:165px}.pl-170{padding-left:170px}.pl-175{padding-left:175px}.pl-180{padding-left:180px}.pl-185{padding-left:185px}.pl-190{padding-left:190px}.pl-195{padding-left:195px}.pl-200{padding-left:200px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.pr-65{padding-right:65px}.pr-70{padding-right:70px}.pr-75{padding-right:75px}.pr-80{padding-right:80px}.pr-85{padding-right:85px}.pr-90{padding-right:90px}.pr-95{padding-right:95px}.pr-100{padding-right:100px}.pr-105{padding-right:105px}.pr-110{padding-right:110px}.pr-115{padding-right:115px}.pr-120{padding-right:120px}.pr-125{padding-right:125px}.pr-130{padding-right:130px}.pr-135{padding-right:135px}.pr-140{padding-right:140px}.pr-145{padding-right:145px}.pr-150{padding-right:150px}.pr-155{padding-right:155px}.pr-160{padding-right:160px}.pr-165{padding-right:165px}.pr-170{padding-right:170px}.pr-175{padding-right:175px}.pr-180{padding-right:180px}.pr-185{padding-right:185px}.pr-190{padding-right:190px}.pr-195{padding-right:195px}.pr-200{padding-right:200px}
.hero-7-area.breadcrumb_default {
  display: none;
}
.main-nav ul{
	list-style: none;
	display: flex;
  justify-content: center;
  gap: clamp(10px, 1.4vw, 15px);
}

.main-nav li{
	list-style: none;
}
.hero h1 span {
	-webkit-text-fill-color: inherit !important;
	-webkit-text-stroke-color: inherit !important;
	-webkit-text-stroke-width: inherit !important;
}
.phone-row .cta-img1 img {
	max-height: 200px;
	object-fit: contain;
}
.phone-row .cta-img1 {
	text-align: center;
}
.phone-row .cta-img1 span {
	display: block;
  	margin-top: 11px;
  	color: #dcecff;
  	line-height: 1.15;
}
.mini-card img {
	height: 122px !important;
}
div .dashboard-card {
	grid-template-columns: inherit;
	padding: 0;
}
div .dashboard-card img {
	border-radius: 10px;
}
div .report-card img {
	width: 100%;
	height: 135px;
	object-fit: cover;
}
.elementor-editor-active .reveal {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}
.info-card--photo img {
  height: 125px !important;
  border-radius: 12px !important;
  aspect-ratio: 12/9;
  aspect-ratio: 16 / 9;
}
.search-card select {
	background: transparent;
	border: none;
}
/* mobile menu */
.header-navicon .side-toggle {
	width: 80px;
	height: 50px;
	border: 1px solid rgba(15, 14, 14, 0.1);
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
  transition: .3s;
}
.side-info {
  background: #0A2C4C;
  padding: 40px 45px;
  position: fixed;
  right: 0;
  top: 0;
  width: 500px;
  height: 100%;
  transform: translateX(calc(100% + 80px));
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 9999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.dark .side-info {
  background-color: #1F1F1F;
}
@media only screen and (max-width: 1199px) {
  .side-info {
    width: 460px;
  }
}
@media (max-width: 575px) {
  .side-info {
    width: 100%;
    padding: 30px 20px;
  }
}
.side-info ::-webkit-scrollbar {
  display: none;
  /* Hide scrollbar */
}
.side-info.info-open {
  opacity: 1;
  transform: translateX(0);
  /* Show side info */
}

/* Offset header and logo styling */
.offset-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.offset-logo {
  width: 215px;
}
@media (max-width: 575px) {
  .offset-logo {
    width: 125px;
  }
}
.offset-logo img {
  width: 100%;
}
.offset-button {
  margin-top: 40px;
}
@media (min-width: 576px) {
  .offset-button {
    display: none;
  }
}

/* Offset widget box styling */
.offset-widget-box {
  margin-top: 40px;
}
.offset-widget-box .title {
  font-size: 24px;
  line-height: 1.33;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1919px) {
  .offset-widget-box .title {
    margin-bottom: 22px;
  }
}
.offset-widget-box .contact-meta > *:not(:first-child) {
  margin-top: 16px;
}
.offset-widget-box .contact-item {
  display: flex;
  align-items: center;
  gap: 14px;
}
.offset-widget-box .contact-item span {
  color: var(--primary);
  font-weight: 400;
}
.offset-widget-box .contact-item span a:hover {
  color: var(--secondary);
}
.offset-widget-box .contact-item .icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: inline-flex;
  border: 1px solid rgba(15, 14, 14, 0.1);
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--primary);
}

/* Mobile menu customization */
.mobile-menu {
  margin-top: 40px;
}
.mobile-menu.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.mobile-menu.mean-container .mean-nav > ul > li:last-child > a {
  border-bottom: 1px solid rgba(15, 14, 14, 0.1);
}
.mobile-menu.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}
.mobile-menu.mean-container .mean-nav .new {
  font-size: 10px;
  font-weight: 600;
  background: #FFA38E;
  color: #999999;
  padding: 3px 7px;
  line-height: 1;
  display: flex;
  align-items: center;
  border-radius: 2px;
}
.mobile-menu.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 15px 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  text-transform: capitalize;
  border: none;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
  outline: none;
  transform: translateY(var(--y)) translateZ(0);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-sizing: border-box;
  opacity: 1;
  /* padding: 0px 5px; */
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .mobile-menu.mean-container .mean-nav ul li a {
    font-size: 20px;
  }
}
.mobile-menu.mean-container .mean-nav ul li a:hover {
  color: var(--primary);
}
.mobile-menu.mean-container .mean-nav ul li a.mean-expand {
  width: 100%;
  height: 48px;
  justify-content: end;
  font-weight: 300;
  border: none !important;
  background-color: transparent;
  font-size: 28px !important;
}
@media only screen and (max-width: 767px) {
  .mobile-menu.mean-container .mean-nav ul li a.mean-expand {
    height: 50px;
  }
}
.mobile-menu.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(255, 255, 255, 0.1);
  opacity: 1;
  color: #fff !important; 
}
.mobile-menu.mean-container .mean-nav ul li li:first-child {
  border-top: 1px solid rgba(15, 14, 14, 0.1);
}
.mobile-menu.mean-container .mean-nav ul li li a {
  font-size: 16px;
  text-transform: capitalize;
  border-top: none !important;
  padding: 12px 0;
  padding-inline-start: 15px;
}
.mobile-menu.mean-container .mean-nav ul li li a.mean-expand {
  height: 58px;
}
@media only screen and (max-width: 991px) {
  .mobile-menu.mean-container .mean-nav ul li li a.mean-expand {
    height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-menu.mean-container .mean-nav ul li li a.mean-expand {
    height: 22px;
  }
}
@media only screen and (max-width: 530px) {
  .header-navicon .side-toggle {
    width: 50px;
    height: 30px;
  }
}

.mobile-menu.mean-container .mean-nav ul li li li:last-child {
  border-bottom: 1px solid rgba(15, 14, 14, 0.1);
}
.mobile-menu.mean-container .mean-nav ul li li li a {
  padding-left: 40px;
}
.mobile-menu.mean-container .mean-bar {
  padding-bottom: 30px;
  background: none;
  max-height: auto;
  overflow-y: scroll;
}
.mobile-menu.mean-container .mean-bar::-webkit-scrollbar {
  width: 0;
}
.mobile-menu.mean-container a.meanmenu-reveal {
  display: none !important;
}
.side-info-close {
  font-size: 16px;
  padding: 0;
  transition: all 0.3s linear;
  background-color: transparent;
  color: #fff;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 50%;
  line-height: 30px;
}
div .btn--blue {
	color: #fff !important; 
}

/* hero ajax search */
.smart-search {
    position: relative;
}

.smart-search__input {
    width: 100%;
}

.smart-search__results {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    z-index: 30;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 8px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
    overflow: hidden;
}

.smart-search__option,
.smart-search__empty {
    width: 100%;
    padding: 12px 14px;
    border: 0;
    background: #fff;
    text-align: left;
}

.smart-search__option {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
}

.smart-search__option:hover {
    background: #f4f8fb;
}

.smart-search__option span {
    color: #64748b;
    font-size: 13px;
}
.hero::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: .6;
}

/* Keep hero search suggestions above the next page section,
   but below the site header / dropdown menus */
.hero.section,
.hero.hero-slider,
section.hero {
  position: relative;
  z-index: 2;
  overflow: visible !important;
}

.hero .hero__content,
.hero .search-card,
.hero .smart-search {
  position: relative;
  z-index: 3;
}

.hero .smart-search__results {
  z-index: 4;
}

.elementor-element:has(> .elementor-widget-container .hero),
.elementor-widget:has(.hero),
.elementor-section:has(.hero),
.elementor-container:has(.hero),
.elementor-column:has(.hero) {
  overflow: visible !important;
  z-index: 2;
}

.elementor-location-header,
.site-header,
.header-area,
.header-area-2 {
  position: relative;
  z-index: 100;
}

.hero-slider {
    background-size: cover !important;
    background-position: center  !important;
    background-repeat: no-repeat !important; 
    transition: background-image 0.8s ease-in-out;
}
div .mean-container .mean-nav ul li a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff !important;
}

.main-nav.main-menu {
  display: block !important;
}

.main-nav.main-menu .d-lg-none-desktop{
  display: none;
}
.offcanvas-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 900;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.offcanvas-overlay.overlay-open {
  opacity: 0.5;
  visibility: visible;
}
.hero-button-box a img {
  width: 12px;
}
.hero-button-box {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.hero-button-box .hero-btn {
  color: #d9eeff !important;
  display: flex;
  font-size: 16px !important;
  text-decoration-line: underline !important;
  font-weight: 600;
  transition: .3s; 
}
.hero-button-box .hero-btn:hover {
  color: #8abce5; 
}

div .search-card label span {
  font-size: 16px;
}
div .search-card input::placeholder{
  font-size: 15px;
}
.mobile-menu.mean-container .d-lg-none-sidebar {
  display: none;
}
div .search-card input::placeholder {
  font-weight: 600;
}

.lake-card__image {
    aspect-ratio: 16 / 9;
    border-radius: 14px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.lake-card__title-row span.owner-unverified{
  color: #3B3B3B;
  background-color: #C4C4C4;
}
.lake-feature-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lake-feature-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: 13px;
    line-height: 1;
}

.lake-feature-tag i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #16a34a;
    flex: 0 0 auto;
}
.mini-card img {
  aspect-ratio: 16 / 9;
}
.avatar-row img {
  border-radius: 50% !important;
}
.blog_btn {
  padding-inline: 18px;
  margin-top: 15px;
  display: inline-block;
  margin-bottom: 15px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--blue);
  font-size: 14px;
  font-weight: 700;
}
.lake-slider-btn{
  padding-inline: 18px;
  display: inline-block;
  margin-bottom: 15px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--blue);
  font-size: 14px;
  font-weight: 700;
}
div .lake-slider-btn span{
  margin: 0;
  font-size: 14px;
  padding: 0;
  color: #1f70c9;
}

.lake-box-btn{
  padding-inline: 18px;
  display: inline-block;
  margin-top: 15px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--blue);
  font-size: 14px;
  font-weight: 700;
}
div .lake-box-btn span{
  margin: 0;
  font-size: 14px;
  padding: 0;
}
.fishing_type {
  color: #000;
  font-weight: 800;
}


/* search map page */
.lake-map-page {
  background: #f8fafc;
  overflow: hidden;
}

.lake-map-page__list {
    height: 100%;
    overflow-y: auto;
    padding: 24px;
    background: #fff;
    border-right: 1px solid #e5e7eb;
}

.lake-map-page__map {
    position: relative;
    height: 100%;
    background: #dbeafe;
}

.lake-map-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    font-weight: 700;
    color: #1e3a8a;
}

.lake-search-bar {
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
}

.lake-search-bar__input-wrap {
    flex: 1;
}

.lake-search-bar__input {
    width: 100%;
    height: 52px;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    padding: 0 16px;
    font-size: 16px;
}

.lake-search-bar__filter {
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 10px;
    background: #111827;
    color: #fff;
    cursor: pointer;
}

.lake-booking-toggle {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
}

.lake-booking-toggle button,
.lake-category-scroll button {
    border: 1px solid #d1d5db;
    background: #fff;
    border-radius: 999px;
    padding: 9px 14px;
    font-weight: 700;
    cursor: pointer;
}

.lake-booking-toggle button.is-active {
    background: #16a34a;
    border-color: #16a34a;
    color: #fff;
}

.lake-category-scroll {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 12px;
    margin-bottom: 18px;
}

.lake-results {
    display: grid;
    gap: 16px;
}

.map-lake-card {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 20px;
    padding: 14px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #fff;
}

.map-lake-card__image {
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.map-lake-card__image img {
    width: 100%;
    height: 100% !important; 
    object-fit: cover;
}

.map-lake-card__body h3 {
    margin: 0 0 4px;
    font-size: 20px;
}

.map-lake-card__body p {
    margin: 0 0 10px;
    color: #64748b;
}

.map-lake-card__meta {
    display: flex;
    gap: 8px;
    color: #475569;
    font-size: 14px;
    margin-bottom: 8px;
}

.map-lake-card__rating {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 8px;
}

.map-lake-card__rating span {
    color: #f5b301;
}

.map-lake-card__rating em {
    color: #64748b;
    font-style: normal;
}

.map-lake-card__type {
    display: block;
    color: #000;
    margin-bottom: 12px;
}

.map-lake-card__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 8px;
    background: #111827;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}

.lake-mobile-toggle {
    display: none;
}

.lake-map-container,
.lake-map-container .jet-map-listing,
.lake-map-container .jet-map {
    width: 100%;
    height: 100%;
}

.lake-map-page__map {
    position: relative;
    height: 100%;
}

.lake-map-toolbar {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 5;
    background: #fff;
    padding: 10px 14px;
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.16);
}
.lake-map-popup {
    width: 240px;
    overflow: hidden;
    border-radius: 14px;
    background: #fff;
}

.lake-map-popup img,
.lake-map-popup__img img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 12px;
}

.lake-map-popup__body {
    padding: 10px 0 0;
}

.lake-map-popup h3 {
    margin: 8px 0 4px;
    font-size: 16px;
    line-height: 1.25;
    color: #111827;
}

.lake-map-popup .jet-listing-dynamic-terms,
.lake-map-popup__location {
    color: #64748b;
    font-size: 13px;
    margin-bottom: 6px;
}

.lake-map-popup .jet-listing-dynamic-field,
.lake-map-popup__price {
    color: #111827;
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 10px;
}

.lake-map-popup .jet-listing-dynamic-link__link,
.lake-map-popup__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 9px 12px;
    border-radius: 8px;
    background: #111827;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}
.lake-map-container,
.lake-map-container .elementor,
.lake-map-container .elementor-section,
.lake-map-container .elementor-container,
.lake-map-container .elementor-widget-container,
.lake-map-container .jet-map-listing,
.lake-map-container .jet-map,
.lake-map-container .jet-map-listing-map {
    width: 100%;
    height: 100%;
}

.lake-map-page__map {
    position: relative;
    height: 100%;
}

.lake-map-container {
    height: 100%;
}

.jet-radio-list__row {
    display: inline-flex;
    margin-right: 8px;
}

.jet-radio-list__label {
    border: 1px solid #d1d5db;
    border-radius: 999px;
    padding: 10px 18px;
    font-weight: 800;
    cursor: pointer;
}

.jet-radio-list__input:checked + .jet-radio-list__button .jet-radio-list__label,
.jet-radio-list__input:checked ~ .jet-radio-list__label {
    background: #16a34a;
    border-color: #16a34a;
    color: #fff;
}
.elementor-element-620228f .elementor-shortcode {
  display: flex;
  gap: 10px;
}
.elementor-element-620228f .elementor-shortcode span{
  color: #475569;
  font-size: 14px;
}

.elementor-element-12c0158 .jet-search-filter__input-wrapper input {
  width: 100%;
  height: 52px;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  padding: 0 16px;
  font-size: 16px;
}
.elementor-element-12c0158 .jet-search-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.elementor-element-12c0158 .jet-search-filter__input-wrapper {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}
.elementor-element-12c0158 .jet-search-filter__submit {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 22px;
  border: 0;
  border-radius: 10px;
  background: #0f8bd6;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(15, 139, 214, 0.22);
  transition: background 0.2s ease, transform 0.2s ease;
}
.elementor-element-12c0158 .jet-search-filter__submit:hover {
  background: #0b74b5;
}
.elementor-element-12c0158 .jet-search-filter__submit-text {
  color: inherit;
}
.elementor-element-a350340 .jet-radio-list-wrapper fieldset {
  display: flex;
}
.elementor-element-a350340 .jet-radio-list__decorator {
  display: none;
}
.elementor-element-a3d65b6 .jet-listing-dynamic-field__content span {
  color: #f5b301;
}
#lake-listing {
    width: 100%;
    height: auto;
    max-height: none;
    overflow: visible;
}
.map-legends {
  position: absolute;
  right: 60px;
  bottom: -125px;
  z-index: 10;
  display: grid;
  gap: 8px;
  padding: 14px 16px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.18);
  font-size: 14px;
  border: 2px solid #2D82DD;
}
.map-legends strong {
    color: #000;
    font-size: 18px;
}

.map-legends span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #334155;
}

.map-legend__dot {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    display: inline-block;
}

.map-legend__dot--green {
    background: #39FF14;
}

.map-legend__dot--gray {
    background: #9ca3af;
}


.fishing-category-filter .jet-checkboxes-list {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 8px;
}

.fishing-category-filter .jet-checkboxes-list__row {
    flex: 0 0 auto;
}

.fishing-category-filter .jet-checkboxes-list__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.fishing-category-filter .jet-checkboxes-list__button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 10px 16px;
    border: 1px solid #d1d5db;
    border-radius: 999px;
    background: #fff;
    color: #000;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

.fishing-category-filter .jet-checkboxes-list__button::before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.fishing-category-filter .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    background: #0f172a;
    border-color: #0f172a;
    color: #fff;
}

.fishing-category-filter .jet-checkboxes-list__button {
    position: relative;
}

.fishing-category-filter .jet-checkboxes-list__row:nth-child(2) .jet-checkboxes-list__button::before {
    content: "🏆";
    width: auto;
    height: auto;
}

.fishing-category-filter .jet-checkboxes-list__row:nth-child(3) .jet-checkboxes-list__button::before {
    content: "🎣";
    width: auto;
    height: auto;
}

.fishing-category-filter .jet-checkboxes-list__row:nth-child(4) .jet-checkboxes-list__button::before {
    content: "🪝";
    width: auto;
    height: auto;
}
.fishing-category-filter .jet-checkboxes-list-wrapper {
  margin: -3px;
  border: 0;
  padding: 0;
  display: flex;
}
.fishing-category-filter .jet-checkboxes-list-wrapper .jet-checkboxes-list__decorator{
  display: none;
}
.lake-facilities-filter .jet-checkboxes-list__decorator{
  display: none;
}

.lake-facilities-filter .jet-checkboxes-list {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.lake-facilities-filter .jet-checkboxes-list__row {
    margin: 0;
}

.lake-facilities-filter .jet-checkboxes-list__input {
    position: absolute;
    opacity: 0;
}

.lake-facilities-filter .jet-checkboxes-list__button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;

    width: 90px;
    padding: 0;

    border: none;
    background: transparent;
    cursor: pointer;

    color: #0d4b86;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;

    white-space: normal;
}
.lake-facilities-filter .jet-checkboxes-list__button::before {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 62px;
    height: 62px;

    border-radius: 50%;
    background: #e8f4ff;

    font-size: 28px;
    line-height: 1;

    transition: .25s;
}
.lake-facilities-filter .jet-checkboxes-list__button:hover::before {
    transform: translateY(-2px);
}
/* .lake-facilities-filter .jet-checkboxes-list-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
} */


/* 1. Acces auto la stand */
.lake-facilities-filter .jet-checkboxes-list__row:nth-child(1) .jet-checkboxes-list__button::before {
    content: "🚗";
}

/* 2. Căsuțe / Cazare */
.lake-facilities-filter .jet-checkboxes-list__row:nth-child(2) .jet-checkboxes-list__button::before {
    content: "🏠";
}

/* 3. Catch & Release */
.lake-facilities-filter .jet-checkboxes-list__row:nth-child(3) .jet-checkboxes-list__button::before {
    content: "🐟↺";
}

/* 4. Cu reținere */
.lake-facilities-filter .jet-checkboxes-list__row:nth-child(4) .jet-checkboxes-list__button::before {
    content: "🧺";
}

/* 5. Curent electric */
.lake-facilities-filter .jet-checkboxes-list__row:nth-child(5) .jet-checkboxes-list__button::before {
    content: "⚡";
}

/* 6. Foișor / Grătar */
.lake-facilities-filter .jet-checkboxes-list__row:nth-child(6) .jet-checkboxes-list__button::before {
    content: "🔥";
}

/* 7. Închiriere echipament */
.lake-facilities-filter .jet-checkboxes-list__row:nth-child(7) .jet-checkboxes-list__button::before {
    content: "🚤";
}

/* 8. Magazin momeli */
.lake-facilities-filter .jet-checkboxes-list__row:nth-child(8) .jet-checkboxes-list__button::before {
    content: "🪝";
}

/* 9. Plantat cu navomodel */
.lake-facilities-filter .jet-checkboxes-list__row:nth-child(9) .jet-checkboxes-list__button::before {
    content: "⛵";
}

/* 10. Pontoane amenajate */
.lake-facilities-filter .jet-checkboxes-list__row:nth-child(10) .jet-checkboxes-list__button::before {
    content: "⚓";
}

/* 11. Posibilitate campare */
.lake-facilities-filter .jet-checkboxes-list__row:nth-child(11) .jet-checkboxes-list__button::before {
    content: "⛺";
}

/* 12. Restaurant / Bar */
.lake-facilities-filter .jet-checkboxes-list__row:nth-child(12) .jet-checkboxes-list__button::before {
    content: "☕";
    /* Alternative: 🍴 */
}

/* 13. Toaletă / Duș */
.lake-facilities-filter .jet-checkboxes-list__row:nth-child(13) .jet-checkboxes-list__button::before {
    content: "🚿";
}

/* 14. Wi-Fi gratuit */
.lake-facilities-filter .jet-checkboxes-list__row:nth-child(14) .jet-checkboxes-list__button::before {
    content: "📶";
}

/* Container */
.lake-facilities-filter{
    position:relative;
}

/* Swiper */
.lake-facilities-filter .swiper{
    overflow:hidden;
}

.lake-facilities-filter .swiper-wrapper{
    align-items:stretch;
}

.lake-facilities-filter .swiper-slide{
    width:auto !important;
    height:auto;
}

/* Existing item styles */
.lake-facilities-filter .jet-checkboxes-list__button{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;

    width:90px;
    padding:0;
    border:none;
    background:transparent;

    text-align:center;
    font-size:14px;
    font-weight:600;
    color:#18497b;
    cursor:pointer;
}

.lake-facilities-filter .jet-checkboxes-list__button::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #eaf5ff;
  font-size: 22px;
  transition: .25s;
}

.lake-facilities-filter
.jet-checkboxes-list__input:checked
+ .jet-checkboxes-list__button::before{
    border:2px solid #78b7ee;
    background:#dff0ff;
}

/* Navigation */

.facility-prev,
.facility-next{
    position:absolute;
    top:25px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.12);
    cursor:pointer;
    z-index:10;
}

.facility-prev{
    left: 0px;
}

.facility-next{
    right: 0px;
}

.facility-prev:after,
.facility-next:after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:8px;
    height:8px;
    border-top:2px solid #444;
    border-right:2px solid #444;
}

.facility-prev:after{
    transform:translate(-30%,-50%) rotate(-135deg);
}

.facility-next:after{
    transform:translate(-70%,-50%) rotate(45deg);
}

.lake-facilities-filter {
    position: relative;
}

.lake-facilities-filter fieldset.facilities-swiper {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border: 0;
    padding: 0;
    margin: 0;
}

.lake-facilities-filter fieldset.facilities-swiper legend {
    margin-bottom: 12px;
}

.lake-facilities-filter .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
}

.lake-facilities-filter .swiper-slide {
    flex: 0 0 auto !important;
    width: auto !important;
}

.lake-facilities-filter .jet-checkboxes-list__item {
    display: block;
}

.jet-map-close {
    position: absolute;
    top: 4px !important;
    right: 4px !important; 
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 16px;
    height: 16px;

    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 50%;

    color: #374151;
    cursor: pointer;

    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    transition: all .25s ease;

    font-size: 0; /* Hide the original × */
}

.jet-map-close:hover {
    background: #ef4444;
    border-color: #ef4444;
    transform: scale(1.08);
}

.jet-map-close:hover::before {
    color: #fff;
}
.jet-map-box {
    animation: lakeMapPopupIn 220ms ease-out;
    transform-origin: center bottom;
}

.gm-style .gm-svpc {
  top: -350px !important;
  right: -40px !important;
  left: auto !important;
  bottom: auto !important;
}

/* virtual tour */
.street-tour-button {
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    min-height: 48px;
    padding: 13px 20px;
    border: 0;
    border-radius: 999px;
    background: #54C986;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
    cursor: pointer;
    z-index: 999999;
    align-items: center;
    justify-content: center;
}

.street-tour-button:hover {
    background: #10c760;
}
.rule-card p {
  margin-bottom: 15px !important;
}
.rule-card .filter-field textarea{
  height: 120px !important;
  padding: 15px;
}
.contact-hero {
  background: radial-gradient(circle at 12% 8%, rgba(55, 173, 114, 0.12), transparent 28%), linear-gradient(180deg, #f3f8fc 0%, #ffffff 48%, #f6faff 100%);
}

@keyframes lakeMapPopupIn {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.jet-map-box.is-closing {
    animation: lakeMapPopupOut 180ms ease-in forwards;
}

@keyframes lakeMapPopupOut {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    to {
        opacity: 0;
        transform: translateY(8px) scale(0.96);
    }
}
.lake-map-search-filter {
    position: relative;
}

.lake-search-autocomplete__results {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 999;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

.lake-search-autocomplete__item,
.lake-search-autocomplete__empty {
    width: 100%;
    border: 0;
    background: #fff;
    padding: 13px 16px;
    text-align: left;
}

.lake-search-autocomplete__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
}

.lake-search-autocomplete__item:hover {
    background: #f8fafc;
}

.map-radio-sync {
    display: none !important;
}

.waze-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 10px;
    background: #54C986;
    color: #fff !important;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.waze-btn::after {
    content: "→";
    font-size: 14px;
}

.waze-btn:hover {
    background: #22b857;
    transform: translateY(-1px);
}

.search-map-mobile-toggle {
    display: none;
}

body.is-map-filtering .jet-listing-grid {
    opacity: 0.55;
    transition: opacity 0.18s ease;
}

.jet-listing-grid__item {
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.map-bounds-toggle {
  position: absolute;
  z-index: 1;
  left: 40%;
  background: #fff;
  top: 10px;
  padding: 5px 7px;
  border-radius: 5px;
  font-size: 16px;
}

/* lake single page  */
.lake-single-hero {
    position: relative;
    min-height: 520px;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.lake-single-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(7, 17, 31, 0.78), rgba(7, 17, 31, 0.22));
}

.lake-single-hero__inner {
    position: relative;
    z-index: 1;
    min-height: 520px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 64px;
}

.lake-single-hero h1 {
    max-width: 820px;
    margin: 10px 0;
    font-size: 56px;
    line-height: 1;
    color: #fff;
}

.lake-single-hero__content p {
    max-width: 680px;
    font-size: 20px;
}

.lake-single-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

.lake-single-hero__meta b {
    color: #f7b500;
    margin-right: 8px;
}

.verified-badge {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    background: #18c56e;
    color: #000;
    font-weight: 800;
}

.lake-single-body {
    padding: 56px 0;
    background: #f7f9fc;
}

.lake-single-body__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 32px;
}

.lake-info-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 24px;
}

.lake-info-grid > div,
.lake-content-block,
.lake-booking-box {
    border: 1px solid #e4e8ef;
    border-radius: 14px;
    background: #fff;
    padding: 22px;
}

.lake-info-grid span {
    display: block;
    color: #64748b;
    font-size: 14px;
    margin-bottom: 6px;
}

.lake-info-grid strong {
    color: #000;
    font-size: 17px;
}

.lake-content-block {
    margin-top: 20px;
}

.lake-content-block h2 {
    margin: 0 0 14px;
    color: #000;
    font-size: 26px;
}

.lake-feature-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.lake-feature-list span {
    display: inline-flex;
    padding: 9px 12px;
    border-radius: 999px;
    background: #eaf5ff;
    color: #074a83;
    font-weight: 700;
}

.lake-single-sidebar {
    position: relative;
}

.lake-booking-box {
    position: sticky;
    top: 110px;
}

.lake-booking-box__price {
    margin-bottom: 18px;
}

.lake-booking-box__price strong {
    color: #000;
    font-size: 28px;
}

.lake-booking-box__price span {
    color: #64748b;
}

.lake-booking-box .btn,
.lake-booking-box .waze-btn {
    width: 100%;
    margin-top: 12px;
}

.lake-map-embed iframe {
    width: 100%;
    height: 360px;
    border: 0;
    border-radius: 14px;
}
.single-lake .hero-7-area.breadcrumb_default{
  display: none;
}

.lake-gallery-section {
    padding: 28px 0 0;
    background: #f7f9fc;
}

.lake-gallery-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 190px 190px;
    gap: 12px;
}

.lake-gallery-grid__item {
    display: block;
    overflow: hidden;
    border-radius: 16px;
    background: #e5e7eb;
}

.lake-gallery-grid__item.is-large {
    grid-row: span 2;
}

.lake-gallery-grid__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lake-booking-box__label {
    display: inline-flex;
    margin-bottom: 10px;
    color: #2563eb;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.lake-booking-summary {
    display: grid;
    gap: 10px;
    margin: 18px 0;
}

.lake-booking-summary div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 0;
    border-top: 1px solid #e4e8ef;
}

.lake-booking-summary span {
    color: #64748b;
}

.lake-booking-summary strong {
    color: #000;
}

.lake-booking-box__note {
    margin: 14px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.45;
}

.lake-service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.lake-service-grid div {
    padding: 16px;
    border-radius: 14px;
    background: #eaf5ff;
    color: #074a83;
    font-weight: 800;
}

.lake-review-summary {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lake-review-summary strong {
    font-size: 38px;
    color: #000;
}

.lake-review-summary span {
    color: #f7b500;
}

.lake-catches-empty {
    padding: 20px;
    border-radius: 14px;
    background: #f8fafc;
    color: #64748b;
}
.lake-profile-top {
    padding: 34px 0 18px;
    background: #fff;
}

.lake-profile-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(280px, auto);
    gap: 20px;
    align-items: start;
}

.lake-profile-header__main {
    grid-column: 1;
}

.lake-profile-header__price {
    grid-column: 2;
    justify-self: center;
}

.lake-profile-actions {
    grid-column: 3;
    justify-self: end;
}

.lake-profile-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(280px, auto);
    gap: 20px;
    align-items: start;
}

.lake-profile-header__main {
    grid-column: 1;
}

.lake-profile-header__tour {
    grid-column: 2;
    justify-self: center;
    align-self: start;
}

.lake-profile-actions {
    grid-column: 3;
    justify-self: end;
}

.lake-profile-tour-btn {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 8px 22px;
    border: 2px solid #000;
    border-radius: 5px;
    background: #ec00ff;
    color: #fff !important;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
}
.lake-profile-tour-btn i{
  margin-right: 5px; 
}

.lake-profile-header h1 {
  margin: 0 0 8px;
  color: #000;
  font-size: 42px;
  line-height: 1.05;
  letter-spacing: 0;
  font-weight: 900;
}
.lake-profile-rating {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    color: #0f5f95;
    font-weight: 800;
}

.lake-profile-rating__icons {
  color: #FF9529;
  letter-spacing: 2px;
}

.lake-profile-rating a {
    color: #0f5f95;
    text-decoration: underline;
    font-weight: 800;
}

.lake-profile-header__price span {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    padding: 6px 14px;
    border: 2px solid #000;
    border-radius: 8px;
    background: #fff;
    color: #000;
    font-size: 18px;
    font-weight: 900;
    box-shadow: 0 2px 0 rgba(7, 17, 31, 0.25);
}

.lake-profile-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
    max-width: 430px;
}

.lake-profile-actions button {
    height: 30px;
    padding: 4px 10px;
    border: 1px solid #64748b;
    border-radius: 7px;
    background: #fff;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 2px 0 rgba(100, 116, 139, 0.3);
    cursor: pointer;
}

.lake-profile-actions button:nth-child(even) {
    background: #dbeafe;
    border-color: #60a5fa;
}

.lake-profile-address {
    margin: 10px 0 12px;
    color: #000;
    font-size: 18px;
    font-weight: 800;
}
.lake-section-title-row {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 30px;
}

.lake-section-title-row h2,
.lake-spec-title {
    display: inline-flex;
    margin: 0;
    padding: 3px 12px;
    border: 2px solid #000;
    border-radius: 7px;
    color: #000;
    font-size: 24px;
    font-weight: 900;
    box-shadow: 0 2px 0 rgba(7, 17, 31, 0.25);
}

.lake-status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 18px;
    border: 1px solid #000;
    border-radius: 7px;
    background: #fff;
    color: #000;
    font-weight: 800;
}

.lake-status-pill.is-bookable {
  border-color: #16a34a;
  background: #16a34a;
  color: #fff;
}

.lake-quick-facts__grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 22px;
    align-items: start;
}

.lake-quick-facts__grid div {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #000;
    font-size: 15px;
    font-weight: 800;
}

.lake-quick-facts__grid span {
    display: inline-flex;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #1f8acb;
    color: #fff;
    font-size: 22px;
}

.lake-spec-title {
    margin-bottom: 25px;
}

.lake-spec-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 34px;
}


.lake-spec-item__icon {
    color: #000;
    font-size: 44px;
    line-height: 1;
    text-align: center;
}

.lake-spec-item strong {
    display: inline-flex;
    margin-bottom: 6px;
    padding: 3px 10px;
    border: 1px solid #000;
    border-radius: 7px;
    color: #000;
    font-weight: 900;
    box-shadow: 0 2px 0 rgba(7, 17, 31, 0.18);
}

.lake-spec-item p {
    margin: 0;
    color: #000;
    font-size: 17px;
    line-height: 1.35;
}
.lake-rating-price-wrapper{
  display: flex;
  gap: 15px;
}
.lake-quick-facts__grid span {
    color: #fff;
}
.lake-profile-action--tour {
  background: #ec00ff !important;
  border-color: #9d00b8 !important;
  color: #fff !important;
}

.lake-profile-action--tour:hover {
  color: #fff !important;
}

.lake-spec-grid--expanded {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 34px;
    column-gap: 36px;
    margin-top: 18px;
}

.lake-spec-item__icon i {
    font-size: 38px;
    color: #000;
}

.lake-description-section {
    padding: 10px 0 34px;
    background: #fff;
}

.lake-description-text {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.55;
}

.lake-single .container, .rb-news-platform-cta .container{
  max-width: 1200px;
}

.lake-facilities-section,
.lake-rules-section {
    padding: 28px 0;
    background: #fff;
}
.lake-rule-group + .lake-rule-group {
    margin-top: 20px;
}
div .lake-plain-title {
  font-size: 34px;
  font-weight: 900;
  border: none;
  padding: 0;
  box-shadow: none;
}
.lake-facilities-section .lake-plain-title{
  margin: 0 0 30px;
}

.lake-facilities-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 26px 34px;
}

.lake-facility-item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.lake-facility-item span {
    display: inline-flex;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #1f8acb;
    color: #fff;
    font-size: 22px;
}

.lake-facility-item strong {
    color: #000;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.25;
}

.lake-rules-content {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
}

.lake-rules-content h3 {
    margin: 18px 0 6px;
    color: #000;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
}

.lake-rules-content ul {
    margin: 0 0 18px 30px;
    padding: 0;
}

.lake-rules-content li {
    margin-bottom: 4px;
}

@media (max-width: 991px) {
    .lake-facilities-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
  .lake-profile-actions button {
      height: 35px;
  }

}
.lake-facility-item i {
  font-size: 16px;
}

.lake-availability-section,
.lake-catch-reports-section {
    padding: 34px 0;
    background: #fff;
}

.lake-availability-layout {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    margin-top: 28px;
}

.lake-stand-select {
    width: 100%;
    height: 54px;
    padding: 0 16px;
    border: 1px solid #8bb7bd;
    border-radius: 4px;
    background: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.lake-calendar {
    margin-top: 14px;
    border: 1px solid #c9ced6;
    background: #fff;
}

.lake-calendar__header {
    display: grid;
    grid-template-columns: 34px 34px 1fr 34px 34px;
    align-items: center;
    min-height: 56px;
    text-align: center;
}

.lake-calendar__header button {
    border: 0;
    background: transparent;
    color: #000;
    font-size: 20px;
    cursor: pointer;
}

.lake-calendar__header strong {
    font-size: 18px;
    font-weight: 800;
}

.lake-calendar__days,
.lake-calendar__grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.lake-calendar__days span {
    padding: 12px 4px;
    border-bottom: 1px solid #ccd2dc;
    color: #000;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
    text-decoration: underline;
}

.lake-calendar__date {
    position: relative;
    min-height: 48px;
    border: 1px solid rgba(7, 17, 31, 0.12);
    color: #000;
    font-size: 18px;
    background: #a7f3b2;
    cursor: pointer;
}

.lake-calendar__date.is-free {
    background: #9ef0b0;
    color: #001b2f;
}

.lake-calendar__date.is-busy,
.lake-calendar__date.is-pending {
    background: #ef4444;
    color: #001b2f;
}

.lake-calendar__date.is-half-morning,
.lake-calendar__date.is-half-morning-pending {
    background: linear-gradient(
        to bottom,
        #ef4444 0%,
        #ef4444 50%,
        #9ef0b0 50%,
        #9ef0b0 100%
    );
    color: #001b2f;
}

.lake-calendar__date.is-half-evening,
.lake-calendar__date.is-half-evening-pending {
    background: linear-gradient(
        to bottom,
        #9ef0b0 0%,
        #9ef0b0 50%,
        #ef4444 50%,
        #ef4444 100%
    );
    color: #001b2f;
}

.lake-availability-info {
    min-height: 420px;
    padding-top: 16px;
}

.lake-availability-info h3 {
    margin: 0 0 16px;
    color: #000;
    font-size: 16px;
    font-weight: 900;
}

.lake-calendar-legend {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.lake-calendar-legend div {
    display: flex;
    gap: 10px;
    align-items: center;
}

.legend-box {
    display: inline-flex;
    width: 36px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid #94a3b8;
    color: #000;
    font-weight: 800;
}

.legend-box.is-free {
    background: #a7f3b2;
}

.legend-box.is-busy {
    background: #f44c4c;
}

.legend-box.is-half-morning {
    background: linear-gradient(to bottom, #f44c4c 0 50%, #a7f3b2 50% 100%);
}

.legend-box.is-half-evening {
    background: linear-gradient(to bottom, #a7f3b2 0 50%, #f44c4c 50% 100%);
}

.lake-calendar-legend p {
    margin: 0;
    color: #000;
    font-size: 13px;
    line-height: 1.35;
}

.lake-book-now-btn {
    display: inline-flex;
    margin: 160px auto 0;
    min-height: 42px;
    padding: 7px 18px;
    border: 0;
    border-radius: 5px;
    background: #54C986;
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 3px 0 #215782;
    cursor: pointer;
    margin-left: 350px;
}

.lake-catch-report-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-top: 28px;
}

.lake-catch-report-card  {
    display: block;
    background: #e5e7eb;
}

.lake-catch-report-card img {
    width: 100%;
    height: 190px;
    overflow: hidden;
    object-fit: cover;
}

.lake-stand-picker {
    position: relative;
    margin-bottom: 14px;
}

.legend-box.is-free {
    background: #9ef0b0;
}

.legend-box.is-busy {
    background: #ef4444;
}

.legend-box.is-half-morning {
    background: linear-gradient(to bottom, #ef4444 0 50%, #9ef0b0 50% 100%);
}

.legend-box.is-half-evening {
    background: linear-gradient(to bottom, #9ef0b0 0 50%, #ef4444 50% 100%);
}


.lake-stand-picker label {
    display: block;
    margin-bottom: 6px;
    color: #000;
    font-size: 13px;
    font-weight: 800;
}

.lake-stand-select {
    display: block !important;
    width: 100%;
    height: 54px;
    margin: 0;
    padding: 0 44px 0 16px;
    border: 1px solid #8bb7bd;
    border-radius: 4px;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 800;
    line-height: 54px;
    appearance: auto;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
}

.lake-stand-select option {
    display: block;
    padding: 8px 12px;
    color: #000;
    background: #fff;
}

.lake-calendar-panel {
    max-width: 420px;
}

.lake-calendar__date {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lake-single-map-section {
    padding: 34px 0;
    background: #fff;
}

.lake-single-map {
    margin-top: 28px;
    width: 100%;
    height: 560px;
    overflow: hidden;
    border-radius: 2px;
    background: #e5e7eb;
}

.lake-single-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 991px) {
    .lake-single-map {
        height: 380px;
    }
}

.lake-single-reviews-section {
    padding: 34px 0 70px;
    background: #fff;
}

.lake-reviews-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 28px;
    margin-top: 28px;
}

.lake-review-score {
    padding: 24px;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    background: #fff;
    text-align: center;
}

.lake-review-score strong {
    display: block;
    color: #000;
    font-size: 58px;
    line-height: 1;
}

.lake-review-score span,
.lake-review-card__top span {
    color: #f7b500;
    letter-spacing: 1px;
}

.lake-review-score p {
    margin: 8px 0 0;
    color: #64748b;
    font-weight: 800;
}

.lake-review-list {
    display: grid;
    gap: 14px;
}

.lake-review-card {
    padding: 20px;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    background: #fff;
}

.lake-review-card__top {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}

.lake-review-card__top strong {
    color: #000;
    font-weight: 900;
}

.lake-review-card p {
    margin: 0;
    color: #000;
    font-weight: 600;
    line-height: 1.5;
}

@media (max-width: 991px) {
    .lake-reviews-layout {
        grid-template-columns: 1fr;
    }
}

.lake-profile-action.is-copied span {
    font-size: 0;
}

.lake-profile-action.is-copied span::after {
    content: "Copied";
    font-size: 13px;
}


.lake-profile-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-end;
    max-width: 460px;
}

.lake-profile-action {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 5px 10px;
    border: 1px solid #64748b;
    border-radius: 7px;
    background: #fff;
    color: #000;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 2px 0 rgba(100, 116, 139, 0.3);
    cursor: pointer;
}

.lake-profile-action i {
    font-size: 16px;
    line-height: 1;
}

.lake-profile-action:nth-child(even) {
    background: #dbeafe;
    border-color: #60a5fa;
}

.lake-profile-action:hover {
    color: #000;
    transform: translateY(-1px);
}

.lake-profile-action.is-active {
    background: #fee2e2;
    border-color: #ef4444;
    color: #b91c1c;
}

body.is-share-modal-open {
    overflow: hidden;
}

.lake-share-modal[hidden] {
    display: none;
}

.lake-share-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
}

.lake-share-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(7, 17, 31, 0.62);
}

.lake-share-modal__dialog {
    position: relative;
    width: min(600px, calc(100% - 32px));
    margin: 8vh auto 0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(7, 17, 31, 0.32);
    overflow: hidden;
}

.lake-share-modal__dialog h2 {
    margin: 0;
    padding: 26px 40px;
    border-bottom: 1px solid #e5e7eb;
    color: #000;
    font-size: 28px;
    font-weight: 900;
}

.lake-share-modal__close {
    position: absolute;
    top: 16px;
    right: 18px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: #f1f5f9;
    color: #000;
    font-size: 24px;
    cursor: pointer;
}

.lake-share-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px 40px;
    padding: 30px 44px;
}

.lake-share-option {
    display: grid;
    gap: 10px;
    justify-items: center;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.lake-share-option span {
    display: inline-flex;
    width: 90px;
    height: 90px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 34px;
}

.lake-share-option.is-facebook span {
    background: #91a0bd;
}

.lake-share-option.is-twitter span {
    background: #b8e3f8;
}

.lake-share-option.is-whatsapp span {
    background: #b9efcc;
}

.lake-share-option.is-email span {
    background: #e2e2e2;
    color: #6b7280;
}

.lake-share-option.is-reddit span {
    background: #ffc9b0;
}

.lake-share-option.is-telegram span {
    background: #bdefff;
}

.lake-share-link {
    padding: 0 40px 40px;
}

.lake-share-link h3 {
    margin: 0 0 14px;
    padding-top: 24px;
    border-top: 1px solid #e5e7eb;
    color: #000;
    font-size: 24px;
    font-weight: 900;
}

.lake-share-link > div {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 42px;
    align-items: center;
    border: 1px solid #d1d5db;
    border-radius: 3px;
    overflow: hidden;
}

.lake-share-link i {
    color: #94a3b8;
    text-align: center;
}

.lake-share-link input {
    width: 100%;
    height: 40px;
    border: 0;
    color: #000;
    font-size: 15px;
}

.lake-share-link button {
    height: 40px;
    border: 0;
    border-left: 1px solid #d1d5db;
    background: #fff;
    cursor: pointer;
}

.lake-share-link button.is-copied {
    background: #dcfce7;
}

.lake-catch-report-card {
    display: block;
    background: #fff;
}

.lake-catch-report-card a {
    display: block;
    height: 190px;
    overflow: hidden;
}

.lake-catch-report-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.lake-catch-report-card__content {
    padding: 10px 0 0;
}

.lake-catch-report-card__content strong {
    display: block;
    color: #07111f;
    font-size: 15px;
    font-weight: 900;
}

.lake-catch-report-card__content span {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

.lake-gallery-grid {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr;
    grid-template-rows: repeat(2, 245px);
    gap: 8px;
}

.lake-gallery-item {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    overflow: hidden;
    background: #e5e7eb;
    cursor: pointer;
}

.lake-gallery-item--large {
    grid-row: span 2;
}
.lake-gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.lake-gallery-grid .lake-gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.lake-gallery-item:hover img {
    transform: scale(1.05);
}

.lake-gallery-more {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.52);
    color: #fff;
    font-size: 42px;
    font-weight: 800;
}

.lake-gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(220, 220, 220, 0.96);
}

.lake-gallery-lightbox[hidden] {
    display: none !important;
}

.lake-gallery-lightbox img {
    max-width: min(78vw, 1180px);
    max-height: 92vh;
    object-fit: contain;
}

.lake-gallery-lightbox__close,
.lake-gallery-lightbox__nav {
    position: absolute;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #111827;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.15);
}

.lake-gallery-lightbox__close {
    top: 22px;
    left: 22px;
}

.lake-gallery-lightbox__nav--prev {
    left: 28px;
    top: 50%;
    transform: translateY(-50%);
}

.lake-gallery-lightbox__nav--next {
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
}

.lake-gallery-lightbox__count {
    position: absolute;
    right: 22px;
    bottom: 22px;
    padding: 8px 14px;
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.78);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.lake-back-home-wrap {
    display: flex;
    justify-content: center;
    padding: 48px 0 64px;
}

.lake-back-home-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  min-height: 54px;
  border-radius: 8px;
  background: #1769c2;
  color: #fff !important;
  font-size: 26px;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 3px 0 #1d5d91;
}
.lake-profile-header__tour .btn:hover {
  border-color: #2d82dd;
  box-shadow: none;
}

.lake-back-home-btn:hover {
    background: #1769c2;
    transform: translateY(-1px);
    color: #fff !important;
}

.lake-sticky-book-btn {
    position: fixed;
    right: 28px;
    bottom: 28px;
    z-index: 9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 28px;
    border-radius: 999px;
    background: #16a34a;
    color: #fff !important;
    font-size: 17px;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow: 0 14px 34px rgba(22, 163, 74, 0.35);
}

@media (max-width: 767px) {
    .lake-sticky-book-btn {
        left: 16px;
        right: 16px;
        bottom: 16px;
        width: auto;
    }
}

/* Shared section spacing */
.lake-spec-section {
    padding: 46px 0 100px;
}

/* Section title row */
.lake-section-title-row,
.lake-spec-section .lake-spec-title {
    margin-bottom: 28px;
}

.lake-section-title-row {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.lake-section-title-row h2,
.lake-spec-title {
    margin: 0;
    color: #071827;
    font-size: 34px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: 0;
}

/* Remove old sketch border style from feature title */
.lake-spec-title {
    display: block;
    padding: 0;
    border: 0;
    box-shadow: none;
}

/* Small premium accent before headings */
.lake-section-title-row h2::before,
.lake-spec-title::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 28px;
    margin-right: 12px;
    border-radius: 999px;
    background: #1685d9;
    vertical-align: -4px;
}

/* Booking status badge */
.lake-status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 15px;
    border-radius: 999px;
    background: #dcfce7;
    color: #087238;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
}

.lake-status-pill.is-bookable {
    background: #dcfce7;
    color: #087238;
}

/* Quick facts */
.lake-quick-facts__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.lake-quick-facts__grid > div {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 82px;
    padding: 16px 18px;
    border: 1px solid #e5edf4;
    border-radius: 12px;
    background: #f8fbfd;
    box-shadow: 0 8px 22px rgba(15, 45, 75, 0.04);
}

.lake-quick-facts__grid > div span {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, #1685d9, #0f5f9f);
    color: #fff;
    font-size: 22px;
}

.lake-quick-facts__grid > div strong {
    color: #071827;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.35;
}

/* Feature specs grid */
.lake-spec-grid,
.lake-spec-grid--expanded {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.lake-spec-item {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
	align-items: start;
    gap: 10px;
    min-height: 130px;
    padding: 15px;
    border: 1px solid #e5edf4;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(15, 45, 75, 0.06);
}

.lake-spec-item__icon {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #eaf6ff;
    color: #126eac;
    font-size: 24px;
}

.lake-spec-item strong {
    display: inline-flex;
    width: fit-content;
    margin: 0 0 8px;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    color: #071827;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
}

.lake-spec-item p {
    margin: 0;
    color: #40576b;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.55;
}

/* Responsive */
@media (max-width: 1199px) {
    .lake-quick-facts__grid,
    .lake-spec-grid,
    .lake-spec-grid--expanded {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .lake-quick-facts,
    .lake-spec-section {
        padding: 34px 0;
    }

    .lake-section-title-row h2,
    .lake-spec-title {
        font-size: 27px;
    }

    .lake-quick-facts__grid,
    .lake-spec-grid,
    .lake-spec-grid--expanded {
        grid-template-columns: 1fr;
    }

    .lake-quick-facts__grid > div {
        min-height: 72px;
    }

    .lake-spec-item {
        min-height: auto;
    }
}

/* Shared content sections */
.lake-facilities-section,
.lake-rules-section {
    padding: 100px 0 0px;
    background: #fff;
}
.lake-description-section{
    padding: 44px 0;
    background: #fff;
}

/* Premium section headings */
.lake-description-section .lake-spec-title,
.lake-facilities-section .lake-plain-title,
.lake-rules-section .lake-spec-title {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 26px;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    color: #071827;
    font-size: 34px;
    font-weight: 900;
    line-height: 1.12;
}

.lake-description-section .lake-spec-title::before,
.lake-facilities-section .lake-plain-title::before,
.lake-rules-section .lake-spec-title::before {
    content: "";
    width: 5px;
    height: 30px;
    flex: 0 0 5px;
    border-radius: 999px;
    background: #1685d9;
}

/* Description */
.lake-description-content {
    max-width: 1200px;
    padding: 28px 32px;
    border: 1px solid #e5edf4;
    border-radius: 16px;
    background: linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%);
    box-shadow: 0 14px 34px rgba(15, 45, 75, 0.06);
}

.lake-description-content p {
    margin: 0 0 16px;
    color: #334e63;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.75;
}

.lake-description-content p:last-child {
    margin-bottom: 0;
}

/* If your description is not inside .lake-description-content yet */
.lake-description-section > p {
    max-width: 1200px;
    margin: 0;
    padding: 28px 32px;
    border: 1px solid #e5edf4;
    border-radius: 16px;
    background: linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%);
    box-shadow: 0 14px 34px rgba(15, 45, 75, 0.06);
    color: #334e63;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.75;
}

/* Facilities */
.lake-facilities-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.lake-facility-item {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 82px;
    padding: 16px 18px;
    border: 1px solid #e5edf4;
    border-radius: 14px;
    background: #f8fbfd;
    box-shadow: 0 10px 24px rgba(15, 45, 75, 0.045);
}

.lake-facility-item span {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: linear-gradient(135deg, #1685d9, #0f5f9f);
    color: #fff;
    font-size: 21px;
}

.lake-facility-item strong {
    color: #071827;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.35;
}

/* Rules */
.lake-rules-content {
    display: grid;
    gap: 18px;
    max-width: 1200px;
	padding-bottom: 40px;
}

.lake-rule-group {
    padding: 22px 26px;
    border: 1px solid #e5edf4;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 45, 75, 0.055);
}

.lake-rule-group h3 {
    margin: 0 0 14px;
    color: #0f5f9f;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.lake-rule-group ul {
    margin: 0;
    padding-left: 20px;
}

.lake-rule-group li {
    margin: 0 0 10px;
    color: #334e63;
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.65;
}

.lake-rule-group li:last-child {
    margin-bottom: 0;
}

.lake-rule-group li::marker {
    color: #1685d9;
}

.lake-rule-group strong {
    color: #071827;
    font-weight: 900;
}
.lake-quick-facts .lake-plain-title {
  line-height: 1;
}

/* Responsive */
@media (max-width: 1199px) {
    .lake-facilities-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .lake-description-section,
    .lake-facilities-section,
    .lake-rules-section {
        padding: 34px 0;
    }

    .lake-description-section .lake-spec-title,
    .lake-facilities-section .lake-plain-title,
    .lake-rules-section .lake-spec-title, div .lake-plain-title {
        font-size: 27px;
    }

    .lake-description-content,
    .lake-description-section > p {
        padding: 22px 20px;
        font-size: 16px;
    }

    .lake-facilities-grid {
        grid-template-columns: 1fr;
    }

    .lake-rule-group {
        padding: 20px;
    }
}

/* Availability section premium placeholder */
.lake-availability-section {
    padding: 52px 0 100px;
    background: #f8fbfd;
}

.lake-availability-layout {
    padding: 28px;
    border: 1px solid #e5edf4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(15, 45, 75, 0.06);
}

.lake-availability__body {
    display: grid;
    grid-template-columns: 450px minmax(0, 1fr);
    gap: 30px;
    align-items: start;
}

.lake-stand-picker {
    margin-bottom: 16px;
}

.lake-stand-picker label {
  display: block;
  margin-bottom: 15px;
  color: #071827;
  font-size: 18px;
  font-weight: 900;
}

.lake-stand-select {
    width: 100%;
    min-height: 52px;
    padding: 0 18px;
    border: 1px solid #cfe0ed;
    border-radius: 12px;
    background: #f8fbfd;
    color: #071827;
    font-size: 17px;
    font-weight: 850;
    outline: none;
}

.lake-calendar {
    overflow: hidden;
    border: 1px solid #d7e5ef;
    border-radius: 14px;
    background: #fff;
}

.lake-calendar__header {
    display: grid;
    grid-template-columns: 36px 36px 1fr 36px 36px;
    align-items: center;
    gap: 4px;
    padding: 16px 14px;
    border-bottom: 1px solid #e5edf4;
}

.lake-calendar__header strong {
    color: #071827;
    font-size: 21px;
    font-weight: 900;
    text-align: center;
}

.lake-calendar__header button {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 999px;
    background: #eef7ff;
    color: #0f5f9f;
    font-size: 20px;
    font-weight: 900;
    cursor: pointer;
}

.lake-calendar__days,
.lake-calendar__grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.lake-calendar__days {
    padding: 12px 0;
    background: #f8fbfd;
    border-bottom: 1px solid #e5edf4;
}

.lake-calendar__days span {
    color: #071827;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
}

.lake-calendar__date {
    min-height: 54px;
    border: 1px solid rgba(15, 45, 75, 0.08);
    color: #071827;
    font-size: 20px;
    font-weight: 800;
    cursor: pointer;
}

.lake-calendar__date.is-free {
    background: #a7f3b2;
}

.lake-calendar__date.is-busy {
    background: #f44c4c;
}

.lake-calendar__date.is-half-morning {
    background: linear-gradient(to bottom, #f44c4c 0 50%, #a7f3b2 50% 100%);
}

.lake-calendar__date.is-half-evening {
    background: linear-gradient(to bottom, #a7f3b2 0 50%, #f44c4c 50% 100%);
}

.lake-availability-info h3 {
    margin: 0 0 18px;
    color: #071827;
    font-size: 20px;
    font-weight: 900;
}

.lake-calendar-legend {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 22px;
    max-width: 760px;
}

.lake-calendar-legend > div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid #e5edf4;
    border-radius: 12px;
    background: #f8fbfd;
}

.legend-box {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15, 45, 75, 0.12);
    color: #071827;
    font-weight: 900;
}

.legend-box.is-free {
    background: #a7f3b2;
}

.legend-box.is-busy {
    background: #f44c4c;
}

.legend-box.is-half-morning {
    background: linear-gradient(to bottom, #f44c4c 0 50%, #a7f3b2 50% 100%);
}

.legend-box.is-half-evening {
    background: linear-gradient(to bottom, #a7f3b2 0 50%, #f44c4c 50% 100%);
}

.lake-calendar-legend p {
    margin: 0;
    color: #334e63;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

@media (max-width: 991px) {
    .lake-availability__body {
        grid-template-columns: 1fr;
    }

    .lake-calendar-legend {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .lake-availability-layout {
        padding: 18px;
    }

    .lake-calendar__date {
        min-height: 44px;
        font-size: 16px;
    }

    .lake-calendar__header strong {
        font-size: 18px;
    }
}

/* Single lake top profile header */
.lake-profile-header {
    padding: 46px 0 26px;
    background: #fff;
}

.lake-profile-header {
    display: block;
}

.lake-profile-header__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(300px, auto);
    gap: 28px;
    align-items: start;
}

.lake-profile-header__main h1 {
    margin: 0 0 18px;
    color: #071827;
    font-size: clamp(34px, 4vw, 58px);
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: -0.02em;
}

.lake-profile-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin-bottom: 16px;
}

.lake-profile-rating {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #f59e0b;
    font-size: 17px;
    font-weight: 900;
}

.lake-profile-rating a,
.lake-profile-meta a {
    color: #0f5f9f;
    font-weight: 900;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.lake-profile-price {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 15px;
    border: 1px solid #d6e5ef;
    border-radius: 999px;
    background: #f8fbfd;
    color: #071827;
    font-size: 17px;
    font-weight: 950;
    box-shadow: none;
}

.lake-profile-location {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #334e63;
    font-size: 18px;
    font-weight: 850;
}

.lake-profile-location::before {
    content: "\f3c5";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #1685d9;
}

/* Virtual tour CTA */
.lake-profile-header__tour {
    justify-self: center;
}

.lake-profile-tour-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 14px 28px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #16a34a, #0f8bd6);
    color: #fff !important;
    font-size: 17px;
    font-weight: 950;
    text-decoration: none !important;
    box-shadow: 0 16px 34px rgba(15, 139, 214, 0.24);
}

.lake-profile-tour-btn:hover {
    transform: translateY(-1px);
}

/* Action buttons */
.lake-profile-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.lake-profile-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 14px;
    border: 1px solid #d6e5ef;
    border-radius: 12px;
    background: #f8fbfd;
    color: #071827 !important;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(15, 45, 75, 0.045);
    cursor: pointer;
}

.lake-profile-action i {
    color: #0f5f9f;
    font-size: 16px;
}

.lake-profile-action:hover {
    border-color: #1685d9;
    background: #eef8ff;
}

/* Remove old Balsamiq/sketch styles */
.lake-profile-price,
.lake-profile-action,
.lake-profile-tour-btn {
    outline: none;
}

@media (max-width: 991px) {
    .lake-profile-header__inner {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .lake-profile-header__tour {
        justify-self: start;
    }

    .lake-profile-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 575px) {
    .lake-profile-header {
        padding: 32px 0 20px;
    }

    .lake-profile-header__main h1 {
        font-size: 34px;
    }

    .lake-profile-meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .lake-profile-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .lake-profile-action {
        width: 100%;
    }

    .lake-profile-tour-btn {
        width: 100%;
    }
}

/* about page */
.rb-about-page {
    background: #eaf4fb;
    color: #0f3b63;
    font-family: inherit;
}

.rb-about-page .container {
    max-width: 1400px;
}

.rb-about-hero {
    padding: 72px 0 84px;
    background: linear-gradient(135deg, #155c8b 0%, #348ac2 100%);
    color: #fff;
}

.rb-about-hero__grid,
.rb-about-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}

.rb-about-hero h1 {
    margin: 0 0 28px;
    color: #fff;
    font-size: 34px;
    font-weight: 900;
}

.rb-about-page h2 {
    margin: 0 0 18px;
    font-size: 24px;
    font-weight: 900;
}

.rb-about-page p {
    margin: 0 0 18px;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 600;
}

.rb-about-hero__image img {
    width: 100%;
    height: 100%;
    min-height: 310px !important;
    object-fit: cover;
    display: block;
    border-radius: 16px !important; 
}

.rb-about-image img {
    width: 100%;
    height: 100%;
    height: 310px !important;
    object-fit: cover;
    display: block;
    border-radius: 16px !important; 
}

.rb-about-section {
    padding: 86px 0;
}

.rb-about-section--light {
    background: #eaf4fb;
}

.rb-about-copy h2 {
    color: #155c8b;
}

.rb-about-image--tall img {
    min-height: 430px;
}

.rb-about-values {
    padding: 70px 0 76px;
    background: linear-gradient(135deg, #155c8b 0%, #348ac2 100%);
    color: #fff;
}

.rb-about-values h2 {
    color: #fff;
}

.rb-values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 42px;
    margin-top: 48px;
}

.rb-value-card {
    text-align: center;
}

.rb-value-card__icon {
    width: 88px;
    height: 88px;
    margin: 0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dff2ff;
    font-size: 56px;
}

.rb-value-card h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 19px;
    font-weight: 900;
}

.rb-value-card p {
    color: #eef8ff;
    font-size: 15px;
    line-height: 1.6;
}

.rb-values-note {
    max-width: 1000px;
    margin: 46px auto 0 !important;
    color: #dceefa;
    text-align: center;
    font-size: 16px !important;
}

.rb-about-milestones {
    padding: 76px 0 92px;
    background: #eaf4fb;
}

.rb-about-milestones h2 {
    color: #155c8b;
}

.rb-milestones-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 900px;
    margin: 54px auto 0;
    text-align: center;
}

.rb-milestones-grid strong {
    display: block;
    color: #064a7a;
    font-size: 72px;
    font-weight: 900;
    line-height: 1;
}

.rb-milestones-grid span {
    display: block;
    margin-top: 18px;
    color: #155c8b;
    font-size: 20px;
    font-weight: 800;
}

.rb-about-join {
    padding: 76px 0 50px;
    background: #eaf4fb;
}

.rb-about-join h2 {
    color: #155c8b;
}

.rb-join-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 38px;
}

.rb-join-card {
    position: relative;
    min-height: 210px;
    overflow: hidden;
    border-radius: 12px;
    text-decoration: none;
    background: #0f3b63;
}

.rb-join-card img {
    width: 100%;
    height: 310px !important;
    display: block;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.rb-join-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(4, 45, 78, 0.82), rgba(4, 45, 78, 0.22));
}

.rb-join-card span {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 28px;
    z-index: 2;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

.rb-join-card:hover img {
    transform: scale(1.05);
}

.rb-page-back {
    display: flex;
    justify-content: center;
    margin-top: 54px;
}

.rb-page-back a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 230px;
    min-height: 54px;
    border-radius: 8px;
    background: #9bd071;
    color: #1d5d91 !important;
    font-size: 28px;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow: 0 3px 0 #1d5d91;
}

.rb-milestones-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 900px;
    margin: 54px auto 0;
    padding-bottom: 58px;
    text-align: center;
}

.rb-milestones-grid::before {
    content: "";
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 18px;
    height: 3px;
    background: #9ac7e8;
}

.rb-milestones-grid > div {
    position: relative;
}

.rb-milestones-grid > div::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -40px;
    width: 3px;
    height: 40px;
    transform: translateX(-50%);
    background: #9ac7e8;
}
.rb-contact-form textarea {
    height: 150px;
    resize: vertical;
}

@media (max-width: 991px) {
    .rb-about-hero__grid,
    .rb-about-split {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .rb-values-grid,
    .rb-milestones-grid,
    .rb-join-grid {
        grid-template-columns: 1fr;
    }

    .rb-about-hero {
        padding: 48px 0 56px;
    }

    .rb-about-section,
    .rb-about-values,
    .rb-about-milestones,
    .rb-about-join {
        padding: 54px 0;
    }

    .rb-milestones-grid strong {
        font-size: 54px;
    }
}

@media (max-width: 575px) {
    .rb-about-page .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .rb-about-hero h1 {
        font-size: 30px;
    }

    .rb-about-page h2 {
        font-size: 21px;
    }

    .rb-about-page p {
        font-size: 16px;
    }

    .rb-page-back a {
        min-width: 190px;
        font-size: 22px;
    }
}
@media (max-width: 767px) {
    .rb-milestones-grid {
        padding-bottom: 0;
    }

    .rb-milestones-grid::before,
    .rb-milestones-grid > div::after {
        display: none;
    }
}

.rb-about-hero--premium {
    position: relative;
    overflow: hidden;
    padding: 86px 0 96px;
    background:
        radial-gradient(circle at 85% 15%, rgba(79, 209, 197, 0.28), transparent 32%),
        linear-gradient(135deg, #073b5f 0%, #126e9f 48%, #2b9ac8 100%);
    color: #fff;
}

.rb-about-hero--premium::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 54px;
    background: linear-gradient(to bottom right, transparent 49%, #eaf4fb 50%);
}

.rb-about-hero__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
    gap: 70px;
    align-items: center;
}

.rb-about-eyebrow {
    display: inline-flex;
    margin-bottom: 18px;
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #dff8ff;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.rb-about-hero__content h1 {
    max-width: 720px;
    margin: 0 0 24px;
    color: #fff;
    font-size: clamp(38px, 5vw, 64px);
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: -0.02em;
}

.rb-about-hero__content p {
    max-width: 690px;
    margin: 0 0 18px;
    color: #eefaff;
    font-size: 19px;
    font-weight: 650;
    line-height: 1.75;
}

.rb-about-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 34px;
}

.rb-about-hero__stats div {
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.11);
    backdrop-filter: blur(10px);
}

.rb-about-hero__stats strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 950;
}

.rb-about-hero__stats span {
    display: block;
    color: #d8f4ff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.rb-about-hero__media {
    position: relative;
}

div .rb-about-hero__media img {
    width: 100%;
    min-height: 440px;
    max-height: 560px;
    object-fit: cover;
    display: block;
    border-radius: 28px;
    box-shadow: 0 30px 80px rgba(2, 20, 36, 0.35);
}

.rb-about-floating-card {
    position: absolute;
    left: -28px;
    bottom: 34px;
    max-width: 270px;
    padding: 18px 20px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 20px 48px rgba(2, 20, 36, 0.22);
}

.rb-about-floating-card strong {
    display: block;
    margin-bottom: 5px;
    color: #073b5f;
    font-size: 18px;
    font-weight: 950;
}

.rb-about-floating-card span {
    color: #456174;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

@media (max-width: 991px) {
    .rb-about-hero--premium {
        padding: 62px 0 76px;
    }

    .rb-about-hero__grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .rb-about-hero__media img {
        min-height: 320px;
    }

    .rb-about-floating-card {
        left: 18px;
        bottom: 18px;
    }
}

@media (max-width: 575px) {
    .rb-about-hero__stats {
        grid-template-columns: 1fr;
    }

    .rb-about-hero__content p {
        font-size: 16px;
    }

    .rb-about-floating-card {
        position: static;
        margin-top: 14px;
        max-width: none;
    }
}

.rb-about-values--premium {
    position: relative;
    overflow: hidden;
    padding: 86px 0;
    background:
        radial-gradient(circle at 15% 20%, rgba(34, 197, 94, 0.18), transparent 30%),
        radial-gradient(circle at 90% 10%, rgba(56, 189, 248, 0.22), transparent 32%),
        linear-gradient(135deg, #073b5f 0%, #126e9f 48%, #2b9ac8 100%);
    color: #fff;
}

.rb-about-values--premium::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: 42px 42px;
    pointer-events: none;
}

.rb-about-values--premium .container {
    position: relative;
    z-index: 2;
}

.rb-values-head {
    max-width: 780px;
    margin-bottom: 42px;
}

.rb-values-head .rb-about-eyebrow {
    margin-bottom: 16px;
}

.rb-values-head h2 {
    margin: 0 0 16px;
    color: #fff;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 950;
    line-height: 1.05;
    letter-spacing: -0.02em;
}

.rb-values-head p {
    margin: 0;
    color: #e8f8ff;
    font-size: 18px;
    font-weight: 650;
    line-height: 1.7;
}

.rb-about-values--premium .rb-values-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 0;
}

.rb-about-values--premium .rb-value-card {
    min-height: 310px;
    padding: 30px 28px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.11);
    box-shadow: 0 24px 60px rgba(2, 20, 36, 0.18);
    backdrop-filter: blur(10px);
    text-align: left;
}

.rb-about-values--premium .rb-value-card__icon {
    width: 68px;
    height: 68px;
    margin: 0 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    font-size: 31px;
}

.rb-about-values--premium .rb-value-card h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 22px;
    font-weight: 950;
    line-height: 1.2;
}

.rb-about-values--premium .rb-value-card p {
    margin: 0;
    color: #dff5ff;
    font-size: 15.5px;
    font-weight: 650;
    line-height: 1.7;
}

.rb-about-values--premium .rb-values-note {
    display: grid;
    grid-template-columns: 0.55fr 1fr;
    gap: 26px;
    align-items: center;
    max-width: none;
    margin: 34px 0 0 !important;
    padding: 24px 28px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    text-align: left;
}

.rb-about-values--premium .rb-values-note strong {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 950;
    line-height: 1.25;
}

.rb-about-values--premium .rb-values-note span {
    display: block;
    color: #dff5ff;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.65;
}

@media (max-width: 991px) {
    .rb-about-values--premium {
        padding: 64px 0;
    }

    .rb-about-values--premium .rb-values-grid,
    .rb-about-values--premium .rb-values-note {
        grid-template-columns: 1fr;
    }

    .rb-about-values--premium .rb-value-card {
        min-height: auto;
    }
}

@media (max-width: 575px) {
    .rb-values-head p {
        font-size: 16px;
    }

    .rb-about-values--premium .rb-value-card {
        padding: 24px 22px;
    }

    .rb-about-values--premium .rb-values-note {
        padding: 22px;
    }
}
.rb-about-vision {
    position: relative;
    padding: 92px 0;
    background:
        linear-gradient(180deg, #eaf4fb 0%, #f8fbfd 100%);
}

.rb-about-vision__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 64px;
    align-items: center;
}

.rb-about-vision__media {
    position: relative;
}

div .rb-about-vision__media img {
    width: 100%;
    min-height: 420px;
    object-fit: cover;
    display: block;
    border-radius: 26px;
    box-shadow: 0 24px 60px rgba(15, 45, 75, 0.16);
}

.rb-about-vision__badge {
    position: absolute;
    left: 24px;
    bottom: 24px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    max-width: calc(100% - 48px);
    padding: 14px 18px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.94);
    color: #073b5f;
    font-size: 15px;
    font-weight: 900;
    box-shadow: 0 14px 34px rgba(15, 45, 75, 0.16);
}

.rb-about-vision__badge i {
    color: #16a34a;
    font-size: 20px;
}

.rb-about-eyebrow--light {
    background: #e1f2ff;
    color: #0f5f9f;
    border-color: #b9def6;
}

.rb-about-vision__content h2 {
    max-width: 760px;
    margin: 0 0 22px;
    color: #073b5f;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 950;
    line-height: 1.08;
    letter-spacing: -0.02em;
}

.rb-about-vision__content p {
    margin: 0 0 18px;
    color: #294e68;
    font-size: 18px;
    font-weight: 650;
    line-height: 1.75;
}

.rb-about-vision__list {
    display: grid;
    gap: 12px;
    margin-top: 28px;
}

.rb-about-vision__list div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid #dceaf4;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 45, 75, 0.045);
}

.rb-about-vision__list i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #eaf6ff;
    color: #0f5f9f;
}

.rb-about-vision__list span {
    color: #073b5f;
    font-size: 15.5px;
    font-weight: 900;
}

@media (max-width: 991px) {
    .rb-about-vision {
        padding: 64px 0;
    }

    .rb-about-vision__grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .rb-about-vision__media img {
        min-height: 320px;
    }
}

@media (max-width: 575px) {
    .rb-about-vision__badge {
        position: static;
        margin-top: 14px;
        max-width: none;
    }

    .rb-about-vision__content p {
        font-size: 16px;
    }
}

/* contact page */
.rb-contact-page {
    background:
        radial-gradient(circle at 16% 12%, rgba(56, 189, 248, 0.18), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(34, 197, 94, 0.12), transparent 28%),
        linear-gradient(135deg, #073b5f 0%, #0b4569 52%, #0e5b82 100%);
    color: #123b5d;
}

.rb-contact-section {
    padding: 58px 0 88px;
}

.rb-contact-card {
    position: relative;
    overflow: hidden;
    max-width: 1040px;
    margin: 0 auto;
    padding: 52px 64px 74px;
    border: 1px solid rgba(214, 229, 239, 0.9);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 30px 90px rgba(2, 20, 36, 0.22);
}

.rb-contact-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 7px;
    background: linear-gradient(90deg, #16a34a, #1685d9, #0f5f9f);
}

.rb-contact-heading {
    margin-bottom: 42px;
}

.rb-contact-heading > span {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #eaf6ff;
    color: #0f5f9f;
    font-size: 28px;
}

.rb-contact-heading h1 {
    margin: 0 0 12px;
    color: #071827;
    font-size: clamp(36px, 4vw, 52px);
    font-weight: 950;
    line-height: 1.05;
    letter-spacing: -0.02em;
}

.rb-contact-heading p {
    max-width: 820px;
    margin: 0;
    color: #294e68;
    font-size: 18px;
    line-height: 1.65;
    font-weight: 700;
}

.rb-contact-form {
    display: grid;
    gap: 22px;
}

.rb-contact-form label span {
    display: block;
    margin-bottom: 6px;
    color: #071827;
    font-size: 15px;
    font-weight: 900;
}

.rb-contact-form small {
    display: block;
    margin-top: 9px;
    color: #0f5f9f;
    font-size: 13px;
    font-weight: 750;
}

.rb-contact-form input,
.rb-contact-form select,
.rb-contact-form textarea {
    width: 100%;
    min-height: 50px;
    padding: 12px 15px;
    border: 1px solid #d6e5ef;
    border-radius: 12px;
    background: #f8fbfd;
    color: #071827;
    font-size: 15px;
    font-weight: 650;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.rb-contact-form textarea {
    min-height: 150px;
    resize: vertical;
}

.rb-contact-form input:focus,
.rb-contact-form select:focus,
.rb-contact-form textarea:focus {
    border-color: #1685d9;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(22, 133, 217, 0.12);
}

.rb-contact-submit {
    width: fit-content;
    min-width: 116px;
    min-height: 48px;
    margin-top: 24px;
    padding: 12px 26px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #1685d9, #0f5f9f);
    color: #fff;
    font-size: 16px;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(15, 95, 159, 0.22);
}

.rb-contact-submit:hover {
    transform: translateY(-1px);
}

.rb-contact-next {
    margin-top: 64px;
    padding-top: 46px;
    border-top: 1px solid #e5edf4;
    text-align: center;
}

.rb-contact-next h2 {
    margin: 0 0 28px;
    color: #071827;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 950;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.rb-contact-next__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    max-width: 760px;
    margin: 0 auto;
}

.rb-contact-next__buttons a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 10px 20px;
    border-radius: 999px;
    background: #eaf6ff;
    color: #0f5f9f !important;
    font-size: 15px;
    font-weight: 950;
    text-decoration: none !important;
    box-shadow: none;
}

.rb-contact-next__buttons a:hover {
    background: #1685d9;
    color: #fff !important;
}

.rb-contact-next__buttons a:hover i {
    color: #fff;
}

.rb-contact-next__buttons i {
    color: #1685d9;
}

.rb-page-back a {
    border-radius: 14px;
    background: linear-gradient(135deg, #1685d9, #0f5f9f);
    color: #fff !important;
    font-size: 24px;
    box-shadow: 0 16px 34px rgba(15, 95, 159, 0.25);
}

@media (max-width: 767px) {
    .rb-contact-section {
        padding: 34px 0 64px;
    }

    .rb-contact-card {
        padding: 38px 22px 50px;
        border-radius: 20px;
    }

    .rb-form-grid--two {
        grid-template-columns: 1fr;
    }

    .rb-contact-next__buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .rb-contact-next__buttons a {
        justify-content: center;
    }
}

.rb-page-back {
    display: flex;
    justify-content: center;
    margin-top: 48px;
}

.rb-page-back a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    min-height: 54px;
    border-radius: 8px;
    background: #9bd071;
    color: #1d5d91 !important;
    font-size: 26px;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow: 0 3px 0 #1d5d91;
}

/* news page */
.rb-news-page {
    background: #f8fbfd;
    color: #071827;
}

.rb-news-page .container {
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

.rb-news-hero {
    padding: 44px 0 28px;
}

.rb-news-hero__inner {
    padding: 54px 28px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 80% 18%, rgba(34, 197, 94, 0.18), transparent 28%),
        linear-gradient(135deg, #073b5f 0%, #126e9f 55%, #2b9ac8 100%);
    color: #fff;
    text-align: center;
    box-shadow: 0 22px 60px rgba(15, 45, 75, 0.16);
}

.rb-news-hero__icon {
    display: inline-flex;
    margin-bottom: 16px;
    color: #dff8ff;
    font-size: 28px;
}

.rb-news-hero h1 {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 950;
    line-height: 1.08;
}

.rb-news-hero p {
    max-width: 640px;
    margin: 0 auto;
    color: #e8f8ff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
}

.rb-news-content {
    padding: 28px 0 80px;
}

.rb-news-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 42px;
}

.rb-news-categories a {
    min-width: 86px;
    padding: 10px 18px;
    border-radius: 999px;
    background: #fff;
    color: #40576b;
    font-size: 15px;
    font-weight: 900;
    text-align: center;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(15, 45, 75, 0.06);
}

.rb-news-categories a.is-active,
.rb-news-categories a:hover {
    background: #0f5f9f;
    color: #fff;
}

.rb-news-featured {
    display: grid;
    grid-template-columns: 0.95fr 1fr;
    gap: 34px;
    align-items: center;
    margin-bottom: 42px;
}

.rb-news-featured__image,
.rb-news-card__image {
    display: block;
    overflow: hidden;
    border-radius: 18px;
    background: #e5edf4;
}

.rb-news-featured__image img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
}

.rb-news-label,
.rb-news-card__category {
    display: inline-flex;
    margin-bottom: 14px;
    color: #6b7d8f;
    font-size: 15px;
    font-weight: 900;
}

.rb-news-featured h2 {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 950;
    line-height: 1.12;
}

.rb-news-featured h2 a,
.rb-news-card h3 a {
    color: #071827;
    text-decoration: none !important;
}

.rb-news-featured p,
.rb-news-card p {
    margin: 0 0 20px;
    color: #6b7d8f;
    font-size: 17px;
    font-weight: 650;
    line-height: 1.65;
}

.rb-news-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #6b7d8f;
    font-size: 14px;
    font-weight: 850;
}

.rb-news-meta strong {
    color: #071827;
}

.rb-news-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.rb-news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
}

.rb-news-card__image img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    display: block;
    transition: transform 0.25s ease;
}

.rb-news-card:hover img {
    transform: scale(1.045);
}

.rb-news-card h3 {
    margin: 0 0 12px;
    font-size: 21px;
    font-weight: 950;
    line-height: 1.25;
}

.rb-news-card p {
    font-size: 15.5px;
}

.rb-news-pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 58px;
}

.rb-news-pagination .page-numbers {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #8a9aaa;
    font-weight: 900;
    text-decoration: none !important;
}

.rb-news-pagination .current,
.rb-news-pagination a:hover {
    background: #0f5f9f;
    color: #fff;
}

.rb-news-next {
    margin-top: 70px;
    text-align: center;
}

.rb-news-next h2 {
    margin: 0 0 28px;
    color: #071827;
    font-size: 36px;
    font-weight: 950;
}

.rb-news-next__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.rb-news-next__buttons a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 10px 20px;
    border-radius: 999px;
    background: #0f5f9f;
    color: #fff !important;
    font-size: 15px;
    font-weight: 950;
    text-decoration: none !important;
}

@media (max-width: 991px) {
    .rb-news-featured,
    .rb-news-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .rb-news-page .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .rb-news-hero__inner {
        padding: 38px 20px;
    }

    .rb-news-featured__image img,
    .rb-news-card__image img {
        height: 220px;
    }

    .rb-news-next__buttons {
        flex-direction: column;
    }

    .rb-news-next__buttons a {
        justify-content: center;
    }
}
.rb-news-filter-wrap {
    display: flex;
    justify-content: center;
    margin: 34px 0 44px;
}

.rb-news-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin: 0;
    padding: 0;
}

.rb-news-filter .nav-item {
    margin: 0;
}

.rb-news-filter .rb-news-filter__btn {
    min-height: 52px;
    padding: 12px 28px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #334e63;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(15, 45, 75, 0.08);
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.rb-news-filter-wrap .rb-news-filter .rb-news-filter__btn:hover,
.rb-news-filter-wrap .rb-news-filter .rb-news-filter__btn.active {
    background-color: #0f5f9f !important; 
    color: #fff;
    transform: translateY(-1px);
}

.rb-news-filter .rb-news-filter__btn:focus {
    box-shadow: 0 0 0 4px rgba(15, 95, 159, 0.15);
}

.rb-news-tab-content {
    width: 100%;
}
.rb-news-card .rb-news-card__image {
  height: 200px;
}
div .rb-news-card .rb-news-card__image img {
  height: 100%;
  object-fit: cover;
}

.rb-news-card.rb-news-card--featured .rb-news-card__image {
  height: 280px;
}

@media (max-width: 575px) {
    .rb-news-filter-wrap {
        margin: 24px 0 32px;
    }

    .rb-news-filter {
        gap: 10px;
    }

    .rb-news-filter .rb-news-filter__btn {
        min-height: 44px;
        padding: 10px 18px;
        font-size: 15px;
    }
}
.rb-news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
}

.rb-news-card--featured {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 0.95fr 1fr;
    gap: 34px;
    align-items: center;
}

.rb-news-card--featured .rb-news-card__image img {
    height: 380px;
    border-radius: 18px;
    object-fit: cover;
}

.rb-news-card--featured .rb-news-card__content {
    padding: 0;
}

.rb-news-card--featured p {
    max-width: 680px;
    font-size: 17px;
    line-height: 1.65;
}

.rb-news-label {
    display: inline-flex;
    margin-bottom: 16px;
    color: #6b7d8f;
    font-size: 18px;
    font-weight: 900;
}

.rb-news-card:not(.rb-news-card--featured) .rb-news-card__image img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 18px;
}

@media (max-width: 991px) {
    .rb-news-grid {
        grid-template-columns: 1fr;
    }

    .rb-news-card--featured {
        grid-template-columns: 1fr;
    }

    .rb-news-card--featured .rb-news-card__image img {
        height: 300px;
    }
}

.rb-news-pagination {
    display: flex;
    justify-content: center;
    margin-top: 52px;
}

.rb-news-pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rb-news-pagination li {
    margin: 0;
}

.rb-news-pagination .page-numbers {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #fff;
    color: #789;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(15, 45, 75, 0.08);
}

.rb-news-pagination .page-numbers.current,
.rb-news-pagination .page-numbers:hover {
    background: #0f5f9f;
    color: #fff;
}

/* news page cta */
.rb-news-platform-cta {
    padding: 54px 0 72px;
    background: #f8fbfd;
}

.rb-platform-card {
    display: grid;
    grid-template-columns: 0.9fr 1.15fr 220px;
    gap: 34px;
    align-items: center;
    padding: 18px 24px 18px 18px;
    border: 1px solid #dceaf4;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(15, 45, 75, 0.08);
}

.rb-platform-card__media {
    height: 330px;
    overflow: hidden;
    border-radius: 22px;
    background: #e5edf4;
}

.rb-platform-card__media img {
    width: 100%;
    height: 100% !important; 
    object-fit: cover;
    display: block;
}

.rb-platform-eyebrow {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: #eaf6ff;
    color: #0f5f9f;
    font-size: 13px;
    font-weight: 900;
}

.rb-platform-card__content h2 {
    margin: 0 0 20px;
    color: #071827;
    font-size: clamp(30px, 4vw, 36px);
    font-weight: 950;
    line-height: 1.08;
    letter-spacing: -0.02em;
}

.rb-platform-card__content ul {
    display: grid;
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
}

.rb-platform-card__content li {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #263f52;
    font-size: 17px;
    font-weight: 850;
}

.rb-platform-card__content li i {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #16a34a;
    color: #fff;
    font-size: 15px;
}

.rb-platform-card__qr {
    text-align: center;
}

.rb-platform-qr-box {
    width: 170px;
    height: 170px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 10px solid #071827;
    border-radius: 18px;
    background:
        linear-gradient(90deg, #071827 12px, transparent 12px) 0 0 / 28px 28px,
        linear-gradient(#071827 12px, transparent 12px) 0 0 / 28px 28px,
        #fff;
    color: #0f5f9f;
    font-size: 54px;
}

.rb-platform-card__qr span {
    display: block;
    color: #071827;
    font-size: 15px;
    font-weight: 900;
}

@media (max-width: 991px) {
    .rb-platform-card {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .rb-platform-card__media {
        height: 280px;
    }

    .rb-platform-card__qr {
        display: none;
    }
}

@media (max-width: 575px) {
    .rb-news-platform-cta {
        padding: 40px 0 56px;
    }

    .rb-platform-card {
        border-radius: 20px;
    }

    .rb-platform-card__media {
        height: 220px;
    }

    .rb-platform-card__content li {
        align-items: flex-start;
        font-size: 15px;
    }
}
/* Premium bottom platform CTA refinement */
.rb-news-platform-cta {
    padding: 70px 0 86px;
    background:
        radial-gradient(circle at 12% 18%, rgba(56, 189, 248, 0.12), transparent 28%),
        linear-gradient(180deg, #f8fbfd 0%, #eef7fc 100%);
}

.rb-platform-card {
    position: relative;
    overflow: hidden;
    border: 1px solid #d7e8f3;
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.96), rgba(255,255,255,0.88)),
        radial-gradient(circle at 80% 18%, rgba(34, 197, 94, 0.12), transparent 30%);
    box-shadow: 0 28px 80px rgba(15, 45, 75, 0.11);
}
.rb-platform-card__media {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
}

.rb-platform-card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to top, rgba(7, 24, 39, 0.36), transparent 56%),
        linear-gradient(135deg, rgba(15, 95, 159, 0.16), transparent 44%);
}

.rb-platform-card__media img {
    transform: scale(1.02);
    transition: transform 0.35s ease;
}

.rb-platform-card:hover .rb-platform-card__media img {
    transform: scale(1.06);
}

.rb-platform-eyebrow {
    background: #eaf6ff;
    color: #0f5f9f;
    box-shadow: inset 0 0 0 1px #d1e9f8;
}

.rb-platform-card__content h2 {
    max-width: 650px;
    color: #071827;
}

.rb-platform-card__content li {
    padding: 10px 0;
    color: #21384a;
}

.rb-platform-card__content li i {
    background: linear-gradient(135deg, #16a34a, #0f8bd6);
    box-shadow: 0 8px 18px rgba(22, 163, 74, 0.2);
}

.rb-platform-card__content p {
    max-width: 700px;
    margin-top: 8px;
    padding-top: 22px;
    border-top: 1px solid #e2edf5;
    color: #334e63;
}

/* Slightly more compact on tablet */
@media (max-width: 991px) {
    .rb-news-platform-cta {
        padding: 52px 0 68px;
    }

    .rb-platform-card::before {
        display: none;
    }
}


/* blog top cta  */
.rb-news-hero--custom {
    padding: 44px 0 28px;
    background: #f8fbfd;
}

.rb-news-hero--custom .rb-news-hero__inner {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 34px;
    align-items: center;
    min-height: 310px;
    padding: 56px 64px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 88% 18%, rgba(34, 197, 94, 0.24), transparent 28%),
        linear-gradient(135deg, #073b5f 0%, #126e9f 52%, #2b9ac8 100%);
    color: #fff;
    box-shadow: 0 24px 70px rgba(15, 45, 75, 0.16);
}

.rb-news-hero--custom .rb-news-hero__inner::before {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 24px;
    pointer-events: none;
}

.rb-news-hero__content {
    position: relative;
    z-index: 2;
    text-align: left;
}

.rb-news-hero__tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #e8f8ff;
    font-size: 14px;
    font-weight: 900;
}

.rb-news-hero__tag i {
    color: #9df3c4;
}

.rb-news-hero--custom h1 {
    max-width: 900px;
    margin: 0 0 16px;
    color: #fff;
    font-size: clamp(40px, 5vw, 72px);
    font-weight: 950;
    line-height: 1;
    letter-spacing: -0.03em;
}

.rb-news-hero--custom p {
    max-width: 760px;
    margin: 0;
    color: #e8f8ff;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.6;
}

.rb-news-hero__mini {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
}

.rb-news-hero__mini span {
    display: inline-flex;
    padding: 8px 13px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.13);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}

.rb-news-hero__visual {
    position: relative;
    z-index: 2;
    min-height: 190px;
}

.rb-news-hero__circle {
    position: absolute;
    right: 10px;
    top: 22px;
    width: 154px;
    height: 154px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 42px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    font-size: 58px;
    transform: rotate(-6deg);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16);
}

.rb-news-hero__line {
    position: absolute;
    right: 128px;
    top: 104px;
    width: 150px;
    height: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
    transform: rotate(-18deg);
}

.rb-news-hero__dot {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #9df3c4;
}

.rb-news-hero__dot--one {
    right: 205px;
    top: 58px;
}

.rb-news-hero__dot--two {
    right: 42px;
    bottom: 28px;
    background: #dff8ff;
}

@media (max-width: 991px) {
    .rb-news-hero--custom .rb-news-hero__inner {
        grid-template-columns: 1fr;
        padding: 44px 32px;
    }

    .rb-news-hero__visual {
        display: none;
    }
}

@media (max-width: 575px) {
    .rb-news-hero--custom {
        padding-top: 28px;
    }

    .rb-news-hero--custom .rb-news-hero__inner {
        min-height: auto;
        padding: 34px 22px;
        border-radius: 22px;
    }

    .rb-news-hero--custom h1 {
        font-size: 36px;
    }

    .rb-news-hero--custom p {
        font-size: 16px;
    }
}
/* Premium blog card polish */
.rb-news-grid {
    gap: 36px;
}

.rb-news-card {
    position: relative;
    overflow: hidden;
    min-width: 0;
    border: 1px solid #e2edf5;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(15, 45, 75, 0.07);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.rb-news-card:hover {
    transform: translateY(-4px);
    border-color: #c7dfef;
    box-shadow: 0 26px 64px rgba(15, 45, 75, 0.12);
}

.rb-news-card__image {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 22px 22px 0 0;
    background: #dceaf4;
}

.rb-news-card__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(7, 24, 39, 0.18), transparent 42%);
    opacity: 0;
    transition: opacity 0.22s ease;
}

.rb-news-card:hover .rb-news-card__image::after {
    opacity: 1;
}

.rb-news-card__image img {
    width: 100%;
    height: 235px;
    object-fit: cover;
    display: block;
    transition: transform 0.32s ease;
}

.rb-news-card:hover .rb-news-card__image img {
    transform: scale(1.045);
}

.rb-news-card__content {
    padding: 22px 24px 24px;
}

.rb-news-card__category {
    display: inline-flex;
    margin-bottom: 12px;
}

.rb-news-card__category a,
.rb-news-card__category {
    color: #0f5f9f;
    font-size: 13px;
    font-weight: 950;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.rb-news-card h3 {
    margin: 0 0 12px;
    color: #071827;
    font-size: 22px;
    font-weight: 950;
    line-height: 1.22;
    letter-spacing: -0.01em;
}

.rb-news-card h3 a {
    color: inherit;
    text-decoration: none !important;
}

.rb-news-card h3 a:hover {
    color: #0f5f9f;
}

.rb-news-card p {
    margin: 0 0 20px;
    color: #64798a;
    font-size: 15.5px;
    font-weight: 650;
    line-height: 1.65;
}

.rb-news-card .rb-news-meta {
    padding-top: 16px;
    border-top: 1px solid #edf3f7;
}

.rb-news-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.rb-news-meta strong {
    color: #071827;
    font-size: 14px;
    font-weight: 950;
}

.rb-news-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7b8b98;
    font-size: 14px;
    font-weight: 850;
}

.rb-news-meta i {
    color: #0f5f9f;
}

/* Featured card polish */
.rb-news-card--featured {
    overflow: hidden;
    padding: 18px;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 22px 64px rgba(15, 45, 75, 0.09);
}

.rb-news-card--featured .rb-news-card__image {
    border-radius: 22px;
}

.rb-news-card--featured .rb-news-card__image img {
    height: 390px;
    border-radius: 22px;
}

.rb-news-card--featured .rb-news-card__content {
    padding: 18px 20px;
}

.rb-news-card--featured h3 {
    font-size: clamp(34px, 4vw, 36px);
    line-height: 1.2;
}

.rb-news-label {
    display: inline-flex;
    margin-bottom: 16px;
    padding: 7px 12px;
    border-radius: 999px;
    background: #eaf6ff;
    color: #0f5f9f;
    font-size: 14px;
    font-weight: 950;
}

/* Mobile */
@media (max-width: 767px) {
    .rb-news-card__content {
        padding: 20px;
    }

    .rb-news-card__image img {
        height: 220px;
    }

    .rb-news-card h3 {
        font-size: 20px;
    }

    .rb-news-card--featured {
        padding: 12px;
    }

    .rb-news-card--featured .rb-news-card__image img {
        height: 260px;
    }
}

/* blog details content */
.rb-news-single-view[hidden],
.rb-news-list-view[hidden] {
    display: none !important;
}

.rb-news-single-article {
    max-width: 1040px;
    margin: 0 auto;
}

.rb-news-single-hero {
    overflow: hidden;
    margin-bottom: 34px;
    border-radius: 22px;
}

.rb-news-single-hero img {
    width: 100%;
    max-height: 460px;
    object-fit: cover;
    display: block;
}

.rb-news-single-header {
    padding-bottom: 26px;
    border-bottom: 1px solid #cfe0ed;
}

.rb-news-single-header h1 {
    margin: 0 0 12px;
    color: #0f5f9f;
    font-size: clamp(34px, 5vw, 54px);
    font-weight: 950;
    line-height: 1.08;
}

.rb-news-single-meta {
    display: flex;
    gap: 18px;
    color: #6b7d8f;
    font-size: 17px;
    font-weight: 700;
}

.rb-news-single-body {
    padding-top: 38px;
}

.rb-news-single-body h2,
.rb-news-single-body h3 {
    margin: 32px 0 16px;
    color: #0f5f9f;
    font-weight: 950;
}

.rb-news-single-body p {
    margin: 0 0 22px;
    color: #182b3a;
    font-size: 19px;
    line-height: 1.8;
}

.rb-news-single-back-wrap {
    display: flex;
    justify-content: center;
    margin: 34px 0 52px;
}

.rb-news-single-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  min-height: 54px;
  border-radius: 8px;
  background: #1769c2;
  color: #fff !important;
  font-size: 18px;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 3px 0 #1d5d91;
}

.rb-news-other {
    max-width: 1220px;
    margin: 0 auto 60px;
}

.rb-news-other h2 {
    margin: 0 0 28px;
    color: #071827;
    font-size: 30px;
    font-weight: 950;
}

.rb-news-grid--related {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* loader */
.rb-news-single-loader {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.rb-news-single-loader[hidden] {
    display: none !important;
}

.rb-news-single-loader span {
    width: 54px;
    height: 54px;
    border: 5px solid #dceaf4;
    border-top-color: #0f5f9f;
    border-radius: 999px;
    animation: rbNewsSpin 0.8s linear infinite;
}

.rb-news-single-loader p {
    margin: 0;
    color: #334e63;
    font-size: 16px;
    font-weight: 900;
}

@keyframes rbNewsSpin {
    to {
        transform: rotate(360deg);
    }
}

/* Alte articole */
.rb-news-other h2 {
    margin: 0 0 28px;
    color: #071827;
    font-size: 32px;
    font-weight: 950;
    line-height: 1.15;
}

.rb-news-grid--related {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.rb-news-grid--related .rb-news-card {
    min-width: 0;
}

.rb-news-grid--related .rb-news-card__image {
    display: block;
    overflow: hidden;
    border-radius: 16px;
    background: #e5edf4;
}

.rb-news-grid--related .rb-news-card__image img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
}

.rb-news-grid--related .rb-news-card__content {
    padding-top: 16px;
}

.rb-news-grid--related .rb-news-card__category {
    display: inline-flex;
    margin-bottom: 8px;
    color: #6b7d8f;
    font-size: 13px;
    font-weight: 850;
}

.rb-news-grid--related .rb-news-card h3 {
    margin: 0 0 10px;
    color: #071827;
    font-size: 18px;
    font-weight: 950;
    line-height: 1.25;
}

.rb-news-grid--related .rb-news-card h3 a {
    color: inherit;
    text-decoration: none !important;
}

.rb-news-grid--related .rb-news-card p {
    margin: 0;
    color: #6b7d8f;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.55;
}

/* Tablet */
@media (max-width: 991px) {
    .rb-news-other {
        max-width: 720px;
    }

    .rb-news-grid--related {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */
@media (max-width: 575px) {
    .rb-news-other {
        margin-bottom: 46px;
    }

    .rb-news-other h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .rb-news-grid--related {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .rb-news-grid--related .rb-news-card__image img {
        height: 210px;
    }

    .rb-news-grid--related .rb-news-card h3 {
        font-size: 20px;
    }

    .rb-news-grid--related .rb-news-card p {
        font-size: 15px;
    }
}
/* qr box */
.rb-platform-card__qr {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.rb-platform-qr-box {
    width: 190px;
    height: 190px;
    padding: 16px;
    border-radius: 28px;
    background: #ffffff;
    border: 1px solid #d9e8f2;
    box-shadow: 0 20px 44px rgba(7, 24, 39, 0.14);
}

.rb-platform-qr-box img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.rb-platform-card__qr span {
    color: #071827;
    font-size: 16px;
    font-weight: 950;
}

/* signup */
.rb-auth-page {
    min-height: calc(100vh - 120px);
    padding: 70px 20px;
    background: linear-gradient(180deg, #f6fbff 0%, #eef7fc 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.rb-auth-card {
    width: min(100%, 760px);
    padding: 42px;
    border-radius: 26px;
    background: #ffffff;
    border: 1px solid #dceaf4;
    box-shadow: 0 28px 80px rgba(15, 45, 75, 0.12);
}

.rb-auth-logo {
    width: 58px;
    height: 58px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, #0f5f9f, #2aa6d6);
    color: #ffffff;
    font-size: 26px;
}

.rb-auth-card h1 {
    max-width: 560px;
    margin: 0 auto 14px;
    color: #071827;
    font-size: clamp(34px, 4vw, 46px);
    font-weight: 950;
    line-height: 1.15;
    text-align: center;
}

.rb-auth-intro {
    max-width: 560px;
    margin: 0 auto 34px;
    color: #567083;
    font-size: 17px;
    font-weight: 650;
    line-height: 1.6;
    text-align: center;
}

.rb-register-form {
    display: grid;
    gap: 22px;
}

.rb-form-grid--two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.rb-register-form,
.rb-login-form,
.rb-lost-password-form,
.rb-reset-password-form {
    display: grid;
    gap: 22px;
}

.rb-register-form label,
.rb-login-form label,
.rb-lost-password-form label,
.rb-reset-password-form label {
    display: grid;
    gap: 8px;
}

.rb-register-form label span,
.rb-login-form label span,
.rb-lost-password-form label span,
.rb-reset-password-form label span {
    color: #0f4f86;
    font-size: 16px;
    font-weight: 900;
}

.rb-register-form input[type="text"],
.rb-register-form input[type="tel"],
.rb-register-form input[type="email"],
.rb-register-form input[type="password"],
.rb-login-form input[type="text"],
.rb-login-form input[type="email"],
.rb-login-form input[type="password"],
.rb-lost-password-form input[type="email"],
.rb-reset-password-form input[type="text"],
.rb-reset-password-form input[type="password"] {
    width: 100%;
    min-height: 52px;
    padding: 12px 16px;
    border: 1px solid #cfdde8;
    border-radius: 10px;
    background: #f8fbfd;
    color: #071827;
    font-size: 16px;
    outline: none;
}

.rb-register-form input:focus,
.rb-login-form input:focus,
.rb-lost-password-form input:focus,
.rb-reset-password-form input:focus {
    border-color: #0f8bd6;
    box-shadow: 0 0 0 4px rgba(15, 139, 214, 0.12);
}

.rb-checkbox {
    display: grid !important;
    grid-template-columns: 20px 1fr;
    gap: 12px !important;
    align-items: start;
}

.rb-checkbox input {
    width: 18px;
    height: 18px;
    margin-top: 3px;
}

.rb-checkbox span {
    color: #334e63 !important;
    font-size: 15.5px !important;
    font-weight: 650 !important;
    line-height: 1.55;
}

.rb-auth-submit {
    width: 100%;
    min-height: 58px;
    border: 0;
    border-radius: 999px;
    background: #16a34a;
    color: #ffffff;
    font-size: 20px;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 16px 34px rgba(22, 163, 74, 0.22);
}

.rb-auth-submit:hover {
    background: #12863d;
}

.rb-auth-message {
    padding: 14px 16px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 800;
}

.rb-auth-message.is-success {
    background: #e9f9ef;
    color: #127a39;
}

.rb-auth-message.is-error {
    background: #fff0f0;
    color: #b42318;
}

.rb-auth-switch {
    margin: 26px 0 0;
    text-align: center;
    color: #567083;
    font-weight: 750;
}

.rb-auth-switch a {
    color: #0f5f9f;
    font-weight: 950;
    text-decoration: none;
}

.rb-register-form .rb-checkbox,
.rb-login-form .rb-checkbox {
    display: grid !important;
    grid-template-columns: 20px 1fr;
    gap: 12px !important;
    align-items: start;
}

.rb-register-form .rb-checkbox input,
.rb-login-form .rb-checkbox input {
    width: 18px;
    height: 18px;
    margin-top: 3px;
}

.rb-register-form .rb-checkbox span,
.rb-login-form .rb-checkbox span {
    color: #334e63 !important;
    font-size: 15.5px !important;
    font-weight: 650 !important;
    line-height: 1.55;
}

.rb-login-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.rb-login-options .rb-checkbox {
    margin: 0;
}

.rb-forgot-password {
    color: #0f5f9f;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none !important;
    white-space: nowrap;
}

.rb-forgot-password:hover {
    color: #0b4c80;
    text-decoration: underline !important;
}

@media (max-width: 575px) {
    .rb-login-options {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}

.rb-password-field {
    position: relative;
}

.rb-forgot-password {
    width: fit-content;
    color: #0f5f9f;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none !important;
}

.rb-forgot-password:hover {
    color: #0b4c80;
    text-decoration: underline !important;
}

.rb-password-field input {
    padding-right: 52px !important;
}

.rb-password-field button {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 34px;
    height: 34px;
    transform: translateY(-50%);
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #6b7d8f;
    font-size: 16px;
    cursor: pointer;
}

.rb-password-field button:hover {
    color: #0f5f9f;
    background: #eaf6ff;
}

@media (max-width: 640px) {
    .rb-auth-page {
        padding: 42px 14px;
    }

    .rb-auth-card {
        padding: 30px 20px;
        border-radius: 22px;
    }

    .rb-form-grid--two {
        grid-template-columns: 1fr;
    }
}

/* reset pass */
.rb-reset-page,
.um-password{
    min-height: calc(100vh - 120px);
    padding: 80px 20px;
    background: linear-gradient(180deg, #f6fbff 0%, #eef7fc 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.rb-reset-card,
.um-password form,
.lost_reset_password {
    width: min(100%, 680px);
    padding: 42px;
    border-radius: 26px;
    background: #ffffff;
    border: 1px solid #dceaf4;
    box-shadow: 0 28px 80px rgba(15, 45, 75, 0.12);
}

.rb-reset-card h1,
.um-password h1,
.lost_reset_password h1,
.lost_reset_password h2 {
    margin: 0 0 14px;
    color: #071827;
    font-size: clamp(34px, 4vw, 46px);
    font-weight: 950;
    line-height: 1.15;
}

.rb-reset-card p,
.um-password p,
.lost_reset_password p {
    margin: 0 0 26px;
    color: #567083;
    font-size: 17px;
    font-weight: 650;
    line-height: 1.6;
}

.rb-reset-card label,
.um-password label,
.lost_reset_password label {
    display: block;
    margin-bottom: 8px;
    color: #0f4f86;
    font-size: 16px;
    font-weight: 900;
}

.rb-reset-card input,
.um-password input[type="text"],
.um-password input[type="email"],
.lost_reset_password input[type="text"],
.lost_reset_password input[type="email"] {
    width: 100%;
    min-height: 52px;
    padding: 12px 16px;
    border: 1px solid #cfdde8;
    border-radius: 10px;
    background: #f8fbfd;
    color: #071827;
    font-size: 16px;
    outline: none;
}

.rb-reset-card input:focus,
.um-password input:focus,
.lost_reset_password input:focus {
    border-color: #0f8bd6;
    box-shadow: 0 0 0 4px rgba(15, 139, 214, 0.12);
}

.rb-reset-card button,
.rb-reset-card input[type="submit"],
.um-password input[type="submit"],
.lost_reset_password button,
.lost_reset_password input[type="submit"] {
    width: 100%;
    min-height: 56px;
    margin-top: 24px;
    border: 0;
    border-radius: 999px;
    background: #16a34a;
    color: #ffffff;
    font-size: 18px;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 16px 34px rgba(22, 163, 74, 0.22);
}

.rb-reset-card button:hover,
.rb-reset-card input[type="submit"]:hover,
.um-password input[type="submit"]:hover,
.lost_reset_password button:hover,
.lost_reset_password input[type="submit"]:hover {
    background: #12863d;
}

.rb-reset-login-link,
.um-password a,
.lost_reset_password a {
    display: block;
    margin-top: 18px;
    color: #0f5f9f;
    font-size: 15px;
    font-weight: 900;
    text-align: center;
    text-decoration: none !important;
}

.rb-reset-login-link:hover,
.um-password a:hover,
.lost_reset_password a:hover {
    color: #0b4c80;
    text-decoration: underline !important;
}

@media (max-width: 575px) {
    .rb-reset-page,
    .um-password,
    .lost_reset_password {
        padding: 52px 14px;
    }

    .rb-reset-card,
    .um-password form,
    .lost_reset_password {
        padding: 30px 20px;
        border-radius: 22px;
    }
}

/* list your lake form */
.rb-owner-lead-form .jet-form-builder {
    display: grid;
    gap: 18px;
}

.rb-owner-lead-form .jet-form-builder__label {
    margin-bottom: 8px;
    color: #0f4f86;
    font-size: 15px;
    font-weight: 900;
}

.rb-owner-lead-form input,
.rb-owner-lead-form textarea {
    width: 100%;
    min-height: 52px;
    padding: 12px 16px;
    border: 1px solid #cfdde8;
    border-radius: 12px;
    background: #f8fbfd;
    color: #071827;
    font-size: 16px;
    outline: none;
}

.rb-owner-lead-form textarea {
    min-height: 120px;
    resize: vertical;
}

.rb-owner-lead-form input:focus,
.rb-owner-lead-form textarea:focus {
    border-color: #0f8bd6;
    box-shadow: 0 0 0 4px rgba(15, 139, 214, 0.12);
}

.rb-contact-form .jet-form-builder__submit {
    min-height: 54px;
    padding: 13px 24px;
    border: 0;
    border-radius: 20px;
    background: #16a34a;
    color: #ffffff;
    font-size: 17px;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 16px 34px rgba(22, 163, 74, 0.22);
    margin-top: 10px;
}

.rb-owner-lead-form .jet-form-builder__submit:hover {
    background: #12863d;
}

.rb-owner-form-card {
    padding: 44px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid #dceaf4;
    box-shadow: 0 24px 70px rgba(15, 45, 75, 0.1);
}

.rb-owner-lead-form {
    width: 100%;
    padding: 28px;
    border-radius: 24px;
    background: #f6fbff;
    border: 1px solid #dceaf4;
    margin-top: 30px;
}

.rb-owner-lead-form form,
.rb-owner-lead-form .jet-form-builder {
    width: 100%;
    display: grid;
    gap: 18px;
}

.rb-owner-lead-form .jet-form-builder-row,
.rb-owner-lead-form .jet-form-builder__field-wrap {
    width: 100%;
    margin: 0;
}

.rb-owner-lead-form label,
.rb-owner-lead-form .jet-form-builder__label {
    display: block;
    margin: 0 0 8px;
    color: #0f4f86;
    font-size: 15px;
    font-weight: 900;
    text-align: left;
}

.rb-owner-lead-form input,
.rb-owner-lead-form textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 52px;
    padding: 12px 16px;
    border: 1px solid #cfdde8;
    border-radius: 12px;
    background: #ffffff;
    color: #071827;
    font-size: 16px;
    outline: none;
    box-sizing: border-box;
}

.rb-owner-lead-form textarea {
    min-height: 120px;
    resize: vertical;
}

.rb-owner-lead-form input:focus,
.rb-owner-lead-form textarea:focus {
    border-color: #0f8bd6;
    box-shadow: 0 0 0 4px rgba(15, 139, 214, 0.12);
}

.rb-owner-lead-form .jet-form-builder__submit,
.rb-owner-lead-form button[type="submit"] {
    width: unset; 
    min-height: 54px;
    padding: 13px 24px;
    border: 0;
    border-radius: 999px;
    background: #16a34a;
    color: #ffffff;
    font-size: 17px;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 16px 34px rgba(22, 163, 74, 0.22);
}
div .jet-form-builder-row{
  display: inherit !important; 
}
.rb-owner-form-section code{
  color: inherit !important; 
}

.rb-owner-lead-form .jet-form-builder__submit:hover,
.rb-owner-lead-form button[type="submit"]:hover {
    background: #12863d;
}

@media (max-width: 991px) {
    .rb-owner-form-card {
        grid-template-columns: 1fr;
        padding: 30px;
    }
}

@media (max-width: 575px) {
    .rb-owner-form-card {
        padding: 22px;
        border-radius: 24px;
    }

    .rb-owner-lead-form {
        padding: 20px;
        border-radius: 20px;
    }
}

/* account page */
.rb-account-page {
    min-height: calc(100vh - 120px);
    padding: 80px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #f6fbff 0%, #eef7fc 100%);
}

.rb-account-card {
    width: min(100%, 680px);
    padding: 46px 34px;
    border-radius: 28px;
    background: #ffffff;
    border: 1px solid #dceaf4;
    text-align: center;
    box-shadow: 0 28px 80px rgba(15, 45, 75, 0.12);
}

.rb-account-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: linear-gradient(135deg, #0f5f9f, #2aa6d6);
    color: #ffffff;
    font-size: 26px;
}

.rb-account-card h1 {
    margin: 0 0 14px;
    color: #071827;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 950;
    line-height: 1.1;
}

.rb-account-card p {
    margin: 0 auto 28px;
    max-width: 480px;
    color: #567083;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
}

.rb-account-card p strong {
    color: #071827;
}

.rb-account-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
}

.rb-account-btn {
    min-height: 50px;
    padding: 13px 24px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 950;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rb-account-btn--primary {
    background: #0f5f9f;
    color: #ffffff;
}

.rb-account-btn--outline {
    background: #ffffff;
    color: #0f5f9f;
    border: 1px solid #cfe0ed;
}

.rb-account-btn--primary:hover {
    background: #0b4c80;
    color: #ffffff;
}

.rb-account-btn--outline:hover {
    background: #eaf6ff;
    color: #0f5f9f;
}

@media (max-width: 575px) {
    .rb-account-page {
        padding: 52px 14px;
    }

    .rb-account-card {
        padding: 34px 20px;
        border-radius: 22px;
    }

    .rb-account-actions {
        flex-direction: column;
    }

    .rb-account-btn {
        width: 100%;
    }
}

/* list your page */
.rb-owner-page {
    background: #f5f9fc;
    color: #071827;
}

.rb-owner-page .container {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
}
.rb-owner-page .rb-owner-hero .container {
  max-width: 1400px;
}

.rb-owner-hero {
    padding: 82px 0 72px;
    background:
        radial-gradient(circle at 82% 18%, rgba(34, 197, 94, 0.18), transparent 28%),
        linear-gradient(135deg, #073b5f 0%, #126e9f 58%, #2b9ac8 100%);
    color: #ffffff;
}

.rb-owner-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 460px;
    gap: 56px;
    align-items: center;
}

.rb-owner-eyebrow {
    display: inline-flex;
    margin-bottom: 18px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #e8f8ff;
    font-size: 14px;
    font-weight: 900;
}

.rb-owner-eyebrow--blue {
    background: #eaf6ff;
    color: #0f5f9f;
}

.rb-owner-hero h1 {
    max-width: 720px;
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(42px, 5vw, 70px);
    font-weight: 950;
    line-height: 1.02;
}

.rb-owner-hero p {
    max-width: 650px;
    margin: 0;
    color: #e6f5ff;
    font-size: 19px;
    font-weight: 650;
    line-height: 1.7;
}

.rb-owner-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.rb-owner-btn {
    min-height: 52px;
    padding: 14px 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 950;
    text-decoration: none !important;
}

.rb-owner-btn--green {
    background: #16a34a;
    box-shadow: 0 16px 34px rgba(22, 163, 74, 0.25);
}
.rb-owner-btn--green:hover{
  color: #fff;
}
.rb-owner-btn--ghost {
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.24);
}
.rb-owner-btn--ghost:hover {
  color: #fff;
}

.rb-owner-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 34px;
}

.rb-owner-stats div {
    padding: 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.12);
}

.rb-owner-stats strong {
    display: block;
    color: #ffffff;
    font-size: 28px;
    font-weight: 950;
}

.rb-owner-stats span {
    color: #d9f1ff;
    font-size: 13px;
    font-weight: 800;
}

.rb-owner-dashboard {
    padding: 14px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 26px 70px rgba(7, 24, 39, 0.22);
}

.rb-owner-dashboard__top {
    display: flex;
    gap: 8px;
    padding: 8px 8px 14px;
}

.rb-owner-dashboard__top span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #dff8ff;
}

.rb-owner-dashboard__body {
    min-height: 340px;
    display: grid;
    grid-template-columns: 1fr 150px;
    gap: 14px;
}

.rb-owner-dashboard__map {
    border-radius: 20px;
    background:
        linear-gradient(135deg, rgba(22, 163, 74, 0.2), rgba(15, 95, 159, 0.28)),
        #eaf6ff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #16a34a;
    font-size: 54px;
}

.rb-owner-dashboard__panel {
    padding: 18px;
    border-radius: 20px;
    background: #ffffff;
    color: #071827;
    display: grid;
    align-content: start;
    gap: 12px;
}

.rb-owner-dashboard__panel strong {
    font-size: 18px;
    font-weight: 950;
}

.rb-owner-dashboard__panel span {
    padding: 10px;
    border-radius: 12px;
    background: #f1f7fb;
    color: #334e63;
    font-size: 13px;
    font-weight: 850;
}

.rb-owner-benefits,
.rb-owner-tools,
.rb-owner-how,
.rb-owner-faq,
.rb-owner-form-section {
    padding: 84px 0;
}

.rb-owner-section-head {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}

.rb-owner-section-head span {
    color: #0f5f9f;
    font-size: 15px;
    font-weight: 950;
}

.rb-owner-section-head h2,
.rb-owner-tools__content h2,
.rb-owner-pricing h2,
.rb-owner-form-card h2 {
    margin: 10px 0 14px;
    color: #071827;
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 950;
    line-height: 1.12;
}
.rb-owner-tools__content h2 {
    font-size: clamp(38px, 4vw, 42px);
    line-height: 1.08;
}
.rb-owner-section-head p,
.rb-owner-tools__content p,
.rb-owner-pricing p,
.rb-owner-form-card p {
    margin: 0;
    color: #567083;
    font-size: 18px;
    font-weight: 650;
    line-height: 1.7;
}

.rb-owner-benefit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.rb-owner-benefit-card {
    padding: 30px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid #dceaf4;
    box-shadow: 0 20px 52px rgba(15, 45, 75, 0.08);
}

.rb-owner-benefit-card i {
    width: 58px;
    height: 58px;
    margin-bottom: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: #eaf6ff;
    color: #0f5f9f;
    font-size: 24px;
}

.rb-owner-benefit-card h3 {
    margin: 0 0 12px;
    color: #071827;
    font-size: 22px;
    font-weight: 950;
}

.rb-owner-benefit-card p {
    margin: 0;
    color: #5f7587;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.65;
}

.rb-owner-tools {
    background: #ffffff;
    padding: 100px 0;
}

.rb-owner-tools__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 480px;
    gap: 60px;
}

.rb-owner-check-list {
    display: grid;
    gap: 14px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.rb-owner-check-list li {
    display: flex;
    gap: 12px;
    align-items: center;
    color: #21384a;
    font-size: 17px;
    font-weight: 850;
}

.rb-owner-check-list i {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #16a34a;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.rb-owner-tool-preview {
    display: grid;
    gap: 18px;
}

.rb-owner-tool-card--large {
    padding: 26px;
    border-radius: 28px;
    background: #071827;
    color: #ffffff;
    box-shadow: 0 24px 60px rgba(7, 24, 39, 0.16);
}

.rb-owner-tool-card--large span {
    display: block;
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 950;
}

.rb-owner-tool-card--large div {
    height: 42px;
    margin-top: 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.12);
}

.rb-owner-tool-mini {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.rb-owner-tool-mini article {
    padding: 20px;
    border-radius: 20px;
    background: #f1f7fb;
    text-align: center;
}

.rb-owner-tool-mini i {
    color: #0f5f9f;
    font-size: 24px;
    margin-bottom: 10px;
}

.rb-owner-tool-mini strong {
    display: block;
    font-size: 14px;
    font-weight: 950;
}

.rb-owner-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.rb-owner-steps article {
    position: relative;
    padding: 28px 22px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid #dceaf4;
    box-shadow: 0 18px 44px rgba(15, 45, 75, 0.07);
}

.rb-owner-steps b {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #d5e7f2;
    font-size: 44px;
    font-weight: 950;
}

.rb-owner-steps i {
    width: 54px;
    height: 54px;
    margin-bottom: 20px;
    border-radius: 18px;
    background: #eaf6ff;
    color: #0f5f9f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.rb-owner-steps h3 {
    margin: 0 0 10px;
    color: #071827;
    font-size: 20px;
    font-weight: 950;
}

.rb-owner-steps p {
    margin: 0;
    color: #5f7587;
    font-size: 15.5px;
    font-weight: 650;
    line-height: 1.6;
}

.rb-owner-pricing {
    padding: 84px 0;
    background: #073b5f;
}

.rb-owner-pricing__box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 40px;
    align-items: center;
    padding: 42px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 84% 18%, rgba(34, 197, 94, 0.18), transparent 28%),
        #0f5f9f;
    color: #ffffff;
}

.rb-owner-pricing h2,
.rb-owner-pricing p {
    color: #ffffff;
}

.rb-owner-price-card {
    padding: 28px;
    border-radius: 24px;
    background: #ffffff;
    color: #071827;
    text-align: center;
}

.rb-owner-price-card strong {
    display: block;
    color: #16a34a;
    font-size: 44px;
    font-weight: 950;
}

.rb-owner-price-card span {
    display: block;
    margin: 0 0 22px;
    color: #567083;
    font-weight: 850;
}

.rb-owner-accordion {
    max-width: 860px;
    margin: 0 auto;
    display: grid;
    gap: 14px;
}

.rb-owner-accordion details {
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #dceaf4;
    box-shadow: 0 12px 34px rgba(15, 45, 75, 0.06);
}

.rb-owner-accordion summary {
    padding: 20px 24px;
    color: #071827;
    font-size: 17px;
    font-weight: 950;
    cursor: pointer;
}

.rb-owner-accordion p {
    margin: 0;
    padding: 0 24px 22px;
    color: #5f7587;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.7;
}

.rb-owner-form-card {
    padding: 40px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid #dceaf4;
    box-shadow: 0 24px 70px rgba(15, 45, 75, 0.1);
}

.rb-owner-form-placeholder {
    min-height: 230px;
    border-radius: 24px;
    background: #f1f7fb;
    border: 1px dashed #b9d5e7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #0f5f9f;
    text-align: center;
}

.rb-owner-form-placeholder i {
    font-size: 42px;
}

.rb-owner-form-placeholder strong {
    color: #071827;
    font-size: 20px;
    font-weight: 950;
}

.rb-owner-form-placeholder span {
    color: #567083;
    font-size: 14px;
    font-weight: 800;
}
.rb-owner-hero__note {
    margin-top: 14px !important;
    color: #dff8ff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}
.rb-owner-stats i {
    display: block;
    margin-bottom: 10px;
    color: #9df3c4;
    font-size: 20px;
}

.rb-owner-hero__visual {
    display: grid;
    gap: 18px;
}

.rb-owner-video-card {
    position: relative;
    min-height: 360px;
    overflow: hidden;
    border-radius: 30px;
    display: block;
    color: #ffffff;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 30px 80px rgba(7, 24, 39, 0.28);
}

.rb-owner-video-card img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    display: block;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform 0.35s ease;
}

.rb-owner-video-card:hover img {
    transform: scale(1.07);
}

.rb-owner-video-card__shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(7, 24, 39, 0.08), rgba(7, 24, 39, 0.78)),
        linear-gradient(135deg, rgba(15, 95, 159, 0.35), transparent 52%);
}

.rb-owner-video-card__play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 78px;
    height: 78px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #ffffff;
    color: #0f5f9f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    box-shadow: 0 22px 44px rgba(7, 24, 39, 0.28);
}

.rb-owner-video-card__play i {
    margin-left: 4px;
}

.rb-owner-video-card__content {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
}

.rb-owner-video-card__content strong {
    display: block;
    color: #ffffff;
    font-size: 24px;
    font-weight: 950;
    line-height: 1.15;
}

.rb-owner-video-card__content small {
    display: block;
    margin-top: 6px;
    color: #dff8ff;
    font-size: 14px;
    font-weight: 800;
}

.rb-owner-video-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.rb-owner-video-stats div {
    padding: 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.13);
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.rb-owner-video-stats strong {
    display: block;
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 950;
}

.rb-owner-video-stats span {
    color: #d9f1ff;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.4;
}

.rb-video-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    padding: 24px;
    background: rgba(7, 24, 39, 0.82);
    display: flex;
    align-items: center;
    justify-content: center;
}

.rb-video-modal[hidden] {
    display: none !important;
}

.rb-video-modal__dialog {
    width: min(100%, 980px);
    aspect-ratio: 16 / 9;
    border-radius: 24px;
    overflow: hidden;
    background: #000000;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.4);
}

.rb-video-modal__dialog iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

.rb-video-modal__close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: #ffffff;
    color: #071827;
    font-size: 20px;
    cursor: pointer;
}
body.rb-video-open {
    overflow: hidden;
}
.rb-owner-dashboard-ui {
    overflow: hidden;
    padding: 24px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 88% 12%, rgba(34, 197, 94, 0.24), transparent 26%),
        linear-gradient(135deg, #071827 0%, #0b3554 100%);
    color: #ffffff;
    box-shadow: 0 30px 80px rgba(7, 24, 39, 0.22);
}

.rb-owner-dashboard-ui__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

.rb-owner-dashboard-ui__top strong {
    display: block;
    color: #ffffff;
    font-size: 22px;
    font-weight: 950;
    line-height: 1.1;
}

.rb-owner-dashboard-ui__top span {
    display: block;
    margin-top: 6px;
    color: #b9d7e9;
    font-size: 13px;
    font-weight: 750;
}

.rb-owner-dashboard-ui__top em {
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(22, 163, 74, 0.18);
    color: #8ff0b2;
    font-size: 12px;
    font-weight: 950;
    font-style: normal;
}

.rb-owner-dashboard-ui__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.rb-owner-dashboard-ui__stats article {
    padding: 15px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.1);
}

.rb-owner-dashboard-ui__stats i {
    display: block;
    margin-bottom: 10px;
    color: #8ff0b2;
    font-size: 18px;
}

.rb-owner-dashboard-ui__stats strong {
    display: block;
    color: #ffffff;
    font-size: 22px;
    font-weight: 950;
}

.rb-owner-dashboard-ui__stats span {
    color: #b9d7e9;
    font-size: 12px;
    font-weight: 800;
}

.rb-owner-dashboard-ui__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 14px;
}

.rb-owner-dashboard-ui__map {
    position: relative;
    min-height: 190px;
    overflow: hidden;
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(15, 95, 159, 0.24), rgba(22, 163, 74, 0.18)),
        #eaf6ff;
}

.rb-owner-dashboard-ui__map::before,
.rb-owner-dashboard-ui__map::after {
    content: "";
    position: absolute;
    inset: 28px;
    border: 2px solid rgba(15, 95, 159, 0.18);
    border-radius: 42% 58% 50% 50%;
}

.rb-owner-dashboard-ui__map::after {
    inset: 58px 34px 38px 72px;
    border-color: rgba(22, 163, 74, 0.24);
    transform: rotate(-12deg);
}

.rb-owner-dashboard-ui__map span {
    position: absolute;
    left: 22px;
    bottom: 22px;
    width: 68px;
    height: 14px;
    border-radius: 999px;
    background: rgba(15, 95, 159, 0.22);
}

.rb-owner-dashboard-ui__map i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #16a34a;
    font-size: 44px;
    transform: translate(-50%, -50%);
    filter: drop-shadow(0 12px 18px rgba(22, 163, 74, 0.28));
}

.rb-owner-dashboard-ui__list {
    display: grid;
    gap: 10px;
}

.rb-owner-dashboard-ui__list div {
    padding: 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
}

.rb-owner-dashboard-ui__list span {
    display: block;
    margin-bottom: 8px;
    color: #b9d7e9;
    font-size: 12px;
    font-weight: 800;
}

.rb-owner-dashboard-ui__list strong {
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-weight: 950;
}

.rb-owner-difference {
    padding: 92px 0;
    background: #eef7fc;
}

.rb-owner-difference-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: -14px 0 34px;
}

.rb-owner-difference-tabs span {
    padding: 9px 18px;
    border-radius: 999px;
    background: #ffffff;
    color: #567083;
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(15, 45, 75, 0.06);
}

.rb-owner-difference-tabs span.is-active {
    background: #0f5f9f;
    color: #ffffff;
}

.rb-owner-difference-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 38px;
}

.rb-owner-difference-metrics article {
    padding: 24px 18px;
    border-radius: 22px;
    background: #ffffff;
    text-align: center;
    border: 1px solid #dceaf4;
    box-shadow: 0 18px 44px rgba(15, 45, 75, 0.07);
}

.rb-owner-difference-metrics strong {
    display: block;
    margin-bottom: 8px;
    color: #0f5f9f;
    font-size: 38px;
    font-weight: 950;
    line-height: 1;
}

.rb-owner-difference-metrics span {
    color: #567083;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.45;
}

.rb-owner-difference-showcase {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.rb-owner-difference-showcase article {
    overflow: hidden;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid #dceaf4;
    box-shadow: 0 22px 52px rgba(15, 45, 75, 0.08);
}

.rb-owner-showcase-screen {
    min-height: 240px;
    padding: 22px;
    background:
        radial-gradient(circle at 82% 18%, rgba(34, 197, 94, 0.18), transparent 26%),
        linear-gradient(135deg, #071827, #0f5f9f);
}

.rb-owner-screen-top {
    width: 120px;
    height: 18px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
}

.rb-owner-screen-line {
    width: 82%;
    height: 16px;
    margin-bottom: 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
}

.rb-owner-screen-line.is-short {
    width: 54%;
}

.rb-owner-screen-map {
    height: 120px;
    margin-top: 22px;
    border-radius: 18px;
    background: #dff8ff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #16a34a;
    font-size: 38px;
}

.rb-owner-screen-calendar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.rb-owner-screen-calendar span {
    height: 62px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.14);
}

.rb-owner-screen-calendar span:nth-child(2),
.rb-owner-screen-calendar span:nth-child(5),
.rb-owner-screen-calendar span:nth-child(7) {
    background: rgba(34, 197, 94, 0.4);
}

.rb-owner-showcase-screen--phone {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rb-owner-phone-card {
    width: 190px;
    padding: 22px;
    border-radius: 24px;
    background: #ffffff;
    text-align: center;
}

.rb-owner-phone-card i {
    width: 48px;
    height: 48px;
    margin-bottom: 14px;
    border-radius: 16px;
    background: #eaf6ff;
    color: #0f5f9f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rb-owner-phone-card strong {
    display: block;
    color: #071827;
    font-size: 18px;
    font-weight: 950;
}

.rb-owner-phone-card span {
    color: #567083;
    font-size: 13px;
    font-weight: 800;
}

.rb-owner-difference-showcase h3 {
    margin: 24px 24px 10px;
    color: #071827;
    font-size: 21px;
    font-weight: 950;
}

.rb-owner-difference-showcase p {
    margin: 0 24px 26px;
    color: #5f7587;
    font-size: 15.5px;
    font-weight: 650;
    line-height: 1.6;
}

@media (max-width: 991px) {
    .rb-owner-difference-metrics,
    .rb-owner-difference-showcase {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .rb-owner-difference {
        padding: 58px 0;
    }

    .rb-owner-difference-metrics,
    .rb-owner-difference-showcase {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .rb-owner-dashboard-ui {
        padding: 18px;
        border-radius: 24px;
    }

    .rb-owner-dashboard-ui__stats,
    .rb-owner-dashboard-ui__body {
        grid-template-columns: 1fr;
    }

    .rb-owner-dashboard-ui__map {
        min-height: 180px;
    }
}

@media (max-width: 575px) {
    .rb-video-modal {
        padding: 14px;
    }

    .rb-video-modal__dialog {
        border-radius: 18px;
    }

    .rb-video-modal__close {
        top: 14px;
        right: 14px;
    }
}

@media (max-width: 991px) {
    .rb-owner-hero__grid,
    .rb-owner-tools__grid,
    .rb-owner-pricing__box,
    .rb-owner-form-card {
        grid-template-columns: 1fr;
    }

    .rb-owner-dashboard__body {
        min-height: 280px;
    }

    .rb-owner-benefit-grid,
    .rb-owner-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .rb-owner-hero {
        padding: 58px 0;
    }

    .rb-owner-hero h1 {
        font-size: 40px;
    }

    .rb-owner-stats,
    .rb-owner-benefit-grid,
    .rb-owner-steps,
    .rb-owner-tool-mini {
        grid-template-columns: 1fr;
    }

    .rb-owner-hero__actions {
        flex-direction: column;
    }

    .rb-owner-btn {
        width: 100%;
    }

    .rb-owner-benefits,
    .rb-owner-tools,
    .rb-owner-how,
    .rb-owner-faq,
    .rb-owner-form-section,
    .rb-owner-pricing {
        padding: 58px 0;
    }

    .rb-owner-pricing__box,
    .rb-owner-form-card {
        padding: 26px;
        border-radius: 24px;
    }
}


.rb-owner-pricing--plans {
    padding: 92px 0;
    background:
        radial-gradient(circle at 80% 18%, rgba(34, 197, 94, 0.14), transparent 28%),
        #073b5f;
}

.rb-owner-section-head--light span,
.rb-owner-section-head--light h2,
.rb-owner-section-head--light p {
    color: #ffffff;
}

.rb-owner-section-head--light p {
    color: #d9f1ff;
}

.rb-owner-plan-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.rb-owner-plan-card {
    padding: 30px;
    border-radius: 26px;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 24px 60px rgba(7, 24, 39, 0.2);
}

.rb-owner-plan-card.is-featured {
    background:
        radial-gradient(circle at 90% 8%, rgba(34, 197, 94, 0.18), transparent 28%),
        #0f5f9f;
    color: #ffffff;
    transform: translateY(-12px);
}

.rb-owner-plan-card > span {
    display: inline-flex;
    margin-bottom: 18px;
    padding: 7px 12px;
    border-radius: 999px;
    background: #eaf6ff;
    color: #0f5f9f;
    font-size: 13px;
    font-weight: 950;
}

.rb-owner-plan-card.is-featured > span {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}

.rb-owner-plan-card strong {
    display: block;
    color: #071827;
    font-size: 42px;
    font-weight: 950;
    line-height: 1;
}

.rb-owner-plan-card.is-featured strong {
    color: #ffffff;
}

.rb-owner-plan-card p {
    margin: 10px 0 24px;
    color: #567083;
    font-size: 16px;
    font-weight: 800;
}

.rb-owner-plan-card.is-featured p {
    color: #d9f1ff;
}

.rb-owner-plan-card ul {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rb-owner-plan-card li {
    display: flex;
    gap: 10px;
    color: #21384a;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.45;
}

.rb-owner-plan-card.is-featured li {
    color: #ffffff;
}

.rb-owner-plan-card li i {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 50%;
    background: #16a34a;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}

.rb-owner-pricing__footer {
    margin-top: 36px;
    text-align: center;
}

.rb-owner-pricing__footer p {
    max-width: 620px;
    margin: 16px auto 0;
    color: #d9f1ff;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.6;
}

.error404 .hero-7-area.breadcrumb_default{
  display: none;
}
.wpr-error-area.wpr-blog-area.section-spacing.blog-area-7 {
  padding: 100px 0px;
}
.wpr-error-wrapper.text-center img {
  width: auto;
  margin: 0px auto;
}


/* booking css */
.rb-booking-checker__result {
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 800;
}

.rb-booking-checker__result.is-loading {
    background: #eef6ff;
    color: #0f5f99;
}

.rb-booking-checker__result.is-error,
.rb-booking-checker__result.is-booked {
    background: #fff1f2;
    color: #be123c;
}

.rb-booking-checker__result.is-available {
    background: #ecfdf3;
    color: #15803d;
}

.rb-booking-checker__result.is-confirmed {
    display: grid;
    gap: 7px;
    border: 1px solid #bbf7d0;
}

.rb-booking-checker__result.is-confirmed strong {
    display: block;
    color: #14532d;
    font-size: 18px;
    font-weight: 950;
}

.rb-booking-checker__result.is-confirmed span {
    display: block;
    color: #166534;
}

.rb-booking-checker {
    padding: 70px 0;
    background: #f4f9fd;
}

.rb-booking-checker__card {
    padding: 34px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid #dceaf4;
    box-shadow: 0 22px 60px rgba(7, 24, 39, 0.08);
}

.rb-booking-checker__head {
    max-width: 720px;
    margin-bottom: 26px;
}

.rb-booking-checker__head span {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 7px 13px;
    border-radius: 999px;
    background: #e3f2ff;
    color: #0f75bc;
    font-size: 14px;
    font-weight: 900;
}

.rb-booking-checker__head h2 {
    margin: 0 0 10px;
    color: #061827;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.05;
    font-weight: 950;
}

.rb-booking-checker__head p {
    margin: 0;
    color: #557086;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 700;
}

.rb-booking-checker__form {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr auto;
    gap: 14px;
    align-items: end;
}

.rb-booking-checker__form label {
    display: grid;
    gap: 8px;
    color: #12324a;
    font-size: 14px;
    font-weight: 900;
}

.rb-booking-checker__form select,
.rb-booking-checker__form input {
    width: 100%;
    min-height: 52px;
    padding: 0 14px;
    border: 1px solid #cfdde8;
    border-radius: 13px;
    background: #ffffff;
    color: #061827;
    font-size: 16px;
    font-weight: 800;
    outline: none;
}

.rb-booking-checker__form select:focus,
.rb-booking-checker__form input:focus {
    border-color: #0f75bc;
    box-shadow: 0 0 0 4px rgba(15, 117, 188, 0.12);
}

.rb-booking-checker__form button,
.rb-book-now-btn {
    min-height: 52px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    background: #0f75bc;
    color: #ffffff;
    font-size: 16px;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(15, 117, 188, 0.22);
}

.rb-booking-checker__form button:hover,
.rb-book-now-btn:hover {
    background: #0b5f99;
}

.rb-booking-checker__action {
    margin-top: 18px;
}

@media (max-width: 991px) {
    .rb-booking-checker__form {
        grid-template-columns: 1fr 1fr;
    }

    .rb-booking-checker__form button {
        grid-column: 1 / -1;
    }
}

@media (max-width: 575px) {
    .rb-booking-checker {
        padding: 46px 0;
    }

    .rb-booking-checker__card {
        padding: 22px;
        border-radius: 20px;
    }

    .rb-booking-checker__form {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .rb-owner-plan-grid {
        grid-template-columns: 1fr;
    }

    .rb-owner-plan-card.is-featured {
        transform: none;
    }
}

@media (max-width: 640px) {
    .rb-owner-pricing--plans {
        padding: 58px 0;
    }

    .rb-owner-plan-card {
        padding: 24px;
    }
}

.rb-my-bookings {
    margin-top: 40px;
}

.rb-my-bookings__head {
    margin-bottom: 26px;
}

.rb-my-bookings__head span {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 7px 14px;
    border-radius: 999px;
    background: #e6f4ff;
    color: #0f75bc;
    font-size: 14px;
    font-weight: 900;
}

.rb-my-bookings__head h2 {
    margin: 0 0 8px;
    color: #061827;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.05;
    font-weight: 950;
}

.rb-my-bookings__head p {
    margin: 0;
    color: #577086;
    font-size: 17px;
    font-weight: 700;
}

.rb-my-bookings__list {
    display: grid;
    gap: 18px;
}

.rb-my-booking-card {
    padding: 24px;
    border: 1px solid #dceaf4;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(7, 24, 39, 0.07);
}

.rb-my-booking-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.rb-my-booking-card__top strong {
    color: #061827;
    font-size: 18px;
    font-weight: 950;
}

.rb-my-booking-card h3 {
    margin: 0 0 14px;
    color: #061827;
    font-size: 24px;
    font-weight: 950;
}

.rb-my-booking-card ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rb-my-booking-card li {
    padding: 13px 14px;
    border-radius: 14px;
    background: #f4f9fd;
    color: #425d72;
    font-size: 15px;
    font-weight: 700;
}

.rb-my-booking-card li b {
    color: #061827;
}

.rb-booking-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 950;
}

.rb-booking-status--pending {
    background: #fff7ed;
    color: #c2410c;
}

.rb-booking-status--confirmed {
    background: #ecfdf3;
    color: #15803d;
}

.rb-booking-status--cancelled {
    background: #fff1f2;
    color: #be123c;
}

.rb-booking-status--completed {
    background: #eef6ff;
    color: #0f75bc;
}

.rb-account-empty,
.rb-account-notice {
    padding: 22px;
    border-radius: 18px;
    background: #f4f9fd;
    border: 1px solid #dceaf4;
    color: #425d72;
    font-size: 16px;
    font-weight: 800;
}

@media (max-width: 767px) {
    .rb-my-booking-card {
        padding: 20px;
        border-radius: 18px;
    }

    .rb-my-booking-card__top {
        align-items: flex-start;
        flex-direction: column;
    }

    .rb-my-booking-card ul {
        grid-template-columns: 1fr;
    }

    .rb-my-booking-card h3 {
        font-size: 21px;
    }
}

.rb-cancel-booking-btn {
    margin-top: 18px;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid #fecdd3;
    border-radius: 999px;
    background: #fff1f2;
    color: #be123c;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
}

.rb-cancel-booking-btn:hover {
    background: #ffe4e6;
}

.rb-cancel-booking-btn:disabled {
    opacity: 0.65;
    cursor: wait;
}

.rb-booking-card-message {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #f4f9fd;
    color: #12324a;
    font-size: 14px;
    font-weight: 800;
}


.rb-booking-checkout-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-top: 18px;
    padding: 14px 24px;
    border-radius: 999px;
    background: #1585c0;
    color: #fff;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 14px 30px rgba(21, 133, 192, 0.25);
}

.rb-booking-checkout-btn:hover {
    background: #0f6fa3;
    color: #fff;
}

body.is-booking-modal-open {
    overflow: hidden;
}

.rb-booking-modal[hidden] {
    display: none !important;
}

.rb-booking-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.rb-booking-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(4, 18, 32, 0.62);
    backdrop-filter: blur(6px);
}

.rb-booking-modal__dialog {
    position: relative;
    width: min(1120px, 100%);
    max-height: calc(100vh - 48px);
    overflow: auto;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 30px 90px rgba(2, 20, 38, 0.28);
    padding: 34px;
    z-index: 2;
}

.rb-booking-modal__close {
    position: absolute;
    top: 22px;
    right: 24px;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: #f1f6fb;
    color: #06192d;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

.rb-booking-modal__dialog h2 {
    margin: 0 0 26px;
    font-size: 34px;
    line-height: 1.15;
    color: #06192d;
    font-weight: 800;
    font-family: font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}


.rb-booking-modal__calendar,
.rb-booking-modal__details {
    display: grid;
    gap: 18px;
}

.rb-booking-modal__details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: start;
}


.rb-booking-modal label {
    display: grid;
    gap: 8px;
    font-weight: 800;
    color: #06192d;
}

.rb-booking-modal input,
.rb-booking-modal select {
    width: 100%;
    height: 56px;
    border: 1px solid #d5e2ef;
    border-radius: 12px;
    background: #fff;
    color: #06192d;
    padding: 0 16px;
    font-size: 17px;
    font-weight: 700;
}

.rb-booking-modal input[readonly] {
    background: #f5f9fd;
}

.rb-booking-modal__notes {
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid #e2edf6;
    color: #314b63;
    font-size: 16px;
    line-height: 1.55;
}

.rb-booking-modal__notes p {
    margin: 0 0 6px;
}

.rb-booking-modal__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    height: 56px;
    margin-top: 22px;
    margin-left: auto;
    border: 0;
    border-radius: 12px;
    background: #16a34a;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(22, 163, 74, 0.24);
}

.rb-booking-modal__result {
    margin-top: 20px;
    padding: 18px;
    border-radius: 14px;
    background: #ecfdf3;
    border: 1px solid #b8f0cd;
    color: #06632f;
    font-weight: 800;
}

@media (max-width: 767px) {
    .rb-booking-modal {
        align-items: flex-end;
        padding: 0;
    }

    .rb-booking-modal__dialog {
        width: 100%;
        max-height: 92vh;
        border-radius: 22px 22px 0 0;
        padding: 26px 18px;
    }

    .rb-booking-modal__dialog h2 {
        font-size: 26px;
        padding-right: 46px;
    }

    .rb-booking-modal__submit {
        width: 100%;
    }

    .lake-sticky-book-btn {
        right: 18px;
        bottom: 18px;
        left: 18px;
        width: auto;
    }
  .rb-booking-modal__details {
      grid-template-columns: 1fr;
  }

}

.rb-booking-modal__result {
    display: grid;
    gap: 8px;
}

.rb-booking-modal__result.is-error {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #9f1239;
}

.rb-booking-modal__checkout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 46px;
    margin-top: 10px;
    padding: 0 20px;
    border-radius: 999px;
    background: #1585c0;
    color: #fff;
    font-weight: 900;
    text-decoration: none;
}

.rb-booking-modal__checkout:hover {
    color: #fff;
    background: #0f6fa3;
}

.lake-availability-layout {
    display: grid;
    grid-template-columns: minmax(280px, 450px) minmax(0, 1fr);
    gap: 30px;
    align-items: start;
}

.rb-booking-checker__form {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    align-items: end;
}

.rb-booking-checker__form label {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lake-calendar__grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.lake-calendar__date--empty {
    min-height: 64px;
    pointer-events: none;
    background: transparent;
    border: 0;
}

@media (max-width: 991px) {
    .lake-availability-layout,
    .rb-booking-checker__form {
        grid-template-columns: 1fr;
    }
}
.lake-availability-layout {
    align-items: flex-start;
}

.rb-booking-checker__form,
[data-rb-booking-form] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 18px;
    align-items: end;
}

[data-rb-booking-form] label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
}

[data-rb-booking-form] select,
[data-rb-booking-form] input {
    width: 100%;
    min-height: 64px;
}

[data-rb-booking-form] button[type="submit"] {
    grid-column: 1 / -1;
    width: fit-content;
    min-width: 260px;
    justify-self: start;
    margin-top: 4px;
}

.rb-booking-price-summary,
[data-rb-booking-price-summary] {
    margin-top: 10px;
    font-size: 18px;
}

.rb-booking-checker__result,
[data-rb-booking-result] {
    margin-top: 24px;
}

.lake-calendar-legend {
    margin-top: 24px;
}

@media (max-width: 767px) {
    [data-rb-booking-form] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    [data-rb-booking-form] button[type="submit"] {
        width: 100%;
        min-width: 0;
    }

    .rb-booking-price-summary,
    [data-rb-booking-price-summary] {
        font-size: 16px;
    }
}

.lake-calendar__date.is-pending {
    background: #ef4444;
    color: #071827;
}

.lake-calendar__date.is-half-morning-pending {
    background: linear-gradient(
        to bottom,
        #ef4444 0%,
        #ef4444 50%,
        #9ff0ad 50%,
        #9ff0ad 100%
    );
    color: #071827;
}
.lake-calendar__date.is-half-evening-pending {
    background: linear-gradient(
        to bottom,
        #9ff0ad 0%,
        #9ff0ad 50%,
        #ef4444 50%,
        #ef4444 100%
    );
    color: #071827;
}

.lake-calendar__date.is-busy {
    background: #ef4444;
    color: #071827;
}

/* owner dashboard */
.rb-owner-dashboard {
    max-width: 980px;
    margin: 40px auto;
    padding: 28px;
    background: #f4f9fd;
    border: 1px solid #d8e8f4;
    border-radius: 18px;
}

.rb-owner-dashboard__head span {
    display: inline-flex;
    padding: 8px 14px;
    border-radius: 999px;
    background: #e8f5ff;
    color: #1565a8;
    font-weight: 800;
}

.rb-owner-dashboard__head h1 {
    margin: 14px 0 8px;
    font-size: 38px;
    line-height: 1.05;
    color: #001b33;
    font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 800;
}

.rb-owner-dashboard__head p {
  margin: 0;
  color: #456276;
  font-weight: 700;
  font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rb-owner-dashboard__filters {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 16px;
    margin-top: 24px;
}

.rb-owner-dashboard__filters label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-weight: 800;
    color: #001b33;
}

.rb-owner-dashboard__filters select,
.rb-owner-dashboard__filters input {
    height: 56px;
    border: 1px solid #c9ddec;
    border-radius: 12px;
    padding: 0 14px;
    background: #fff;
    font-weight: 800;
}

.rb-owner-dashboard__legend {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 22px 0;
}

.rb-owner-dashboard__legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
}

.rb-owner-dashboard__legend i {
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.rb-owner-dashboard__legend .is-available { background: #1d9bf0; }
.rb-owner-dashboard__legend .is-pending { background: #f59e0b; }
.rb-owner-dashboard__legend .is-booked { background: #ef4444; }
.rb-owner-dashboard__legend .is-blocked { background: #991b1b; }

.rb-owner-dashboard__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.rb-owner-stand {
    border: 0;
    border-radius: 16px;
    padding: 22px 14px;
    min-height: 110px;
    color: #fff;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.rb-owner-stand strong {
    display: block;
    font-size: 22px;
}

.rb-owner-stand span {
    display: block;
    margin-top: 8px;
    font-weight: 800;
}

.rb-owner-stand.is-available { background: #1579bd; }
.rb-owner-stand.is-pending { background: #f59e0b; color: #102033; }
.rb-owner-stand.is-booked { background: #ef4444; }
.rb-owner-stand.is-blocked { background: #991b1b; }

.rb-owner-dashboard__empty {
    grid-column: 1 / -1;
    padding: 24px;
    background: #fff;
    border-radius: 14px;
    font-weight: 800;
    color: #456276;
}

@media (max-width: 767px) {
    .rb-owner-dashboard {
        margin: 0px;
        padding: 18px;
    }

    .rb-owner-dashboard__head h1 {
        font-size: 30px;
    }

    .rb-owner-dashboard__filters {
        grid-template-columns: 1fr;
    }

    .rb-owner-dashboard__grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.rb-owner-dashboard__message {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 12px;
    font-weight: 800;
}

.rb-owner-dashboard__message.is-success {
    background: #e7f9ef;
    color: #087138;
}

.rb-owner-dashboard__message.is-error {
    background: #fff1f2;
    color: #be123c;
}

.rb-owner-stand[disabled] {
    opacity: 0.6;
    cursor: wait;
}
.rb-owner-dashboard.is-owner-updating {
    pointer-events: none;
}

.rb-owner-dashboard.is-owner-updating .rb-owner-dashboard__grid {
    opacity: 0.65;
}

.rb-owner-dashboard__message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.rb-owner-dashboard__message.has-undo button {
    border: 0;
    border-radius: 999px;
    padding: 8px 14px;
    background: #0f6fb5;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.rb-owner-dashboard__message.has-undo button:hover {
    background: #0b5f9c;
}

.rb-owner-dashboard {
    padding: 40px 16px;
}

.rb-owner-dashboard-card {
    max-width: 1180px;
    margin: 0 auto;
    padding: 36px;
    border-radius: 24px;
    background: #f3f9ff;
    border: 1px solid #d8e9f7;
    box-shadow: 0 20px 60px rgba(10, 45, 80, 0.08);
}

.rb-owner-dashboard-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 20px;
    align-items: end;
}

.rb-owner-dashboard-form label {
    display: grid;
    gap: 8px;
    font-weight: 800;
    color: #061b31;
}

.rb-owner-dashboard-form select,
.rb-owner-dashboard-form input {
    width: 100%;
    min-height: 58px;
    border: 1px solid #c7dced;
    border-radius: 14px;
    padding: 0 18px;
    font-weight: 800;
    color: #061b31;
    background: #fff;
}

.rb-owner-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 20px;
    margin: 24px 0;
    font-weight: 800;
}

.rb-owner-legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.rb-owner-legend i {
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.rb-owner-legend .is-available { background: #16a34a; }
.rb-owner-legend .is-pending { background: #f59e0b; }
.rb-owner-legend .is-confirmed { background: #ef4444; }
.rb-owner-legend .is-blocked { background: #991b1b; }

.rb-owner-stands-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.rb-owner-stand-card {
    border: 0;
    border-radius: 18px;
    padding: 26px 22px;
    color: #fff;
    text-align: left;
    min-height: 130px;
    cursor: pointer;
    box-shadow: 0 16px 34px rgba(8, 38, 70, 0.14);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.rb-owner-stand-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 46px rgba(8, 38, 70, 0.18);
}

.rb-owner-stand-card strong {
    display: block;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 18px;
}

.rb-owner-stand-card span {
    display: block;
    font-size: 18px;
    font-weight: 800;
}

.rb-owner-stand-card.is-available { background: #1684c7; }
.rb-owner-stand-card.is-pending { background: #f59e0b; }
.rb-owner-stand-card.is-confirmed { background: #ef4444; }
.rb-owner-stand-card.is-blocked { background: #991b1b; }

@media (max-width: 900px) {
    .rb-owner-dashboard-card {
        padding: 24px 16px;
        border-radius: 20px;
    }

    .rb-owner-dashboard-form {
        grid-template-columns: 1fr;
    }

    .rb-owner-stands-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .rb-owner-stand-card {
        min-height: 110px;
        padding: 20px 16px;
        border-radius: 16px;
    }

    .rb-owner-stand-card strong {
        font-size: 24px;
    }

    .rb-owner-stand-card span {
        font-size: 16px;
    }
}

@media (max-width: 520px) {
    .rb-owner-dashboard {
        padding: 24px 20px;
    }

    .rb-owner-dashboard-card {
        padding: 20px 12px;
    }

    .rb-owner-dashboard-card h1 {
        font-size: 34px;
        line-height: 1.05;
    }

    .rb-owner-legend {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .rb-owner-stands-grid {
        grid-template-columns: 1fr;
    }

    .rb-owner-stand-card {
        min-height: 96px;
    }
}

/* Owner PIN access page */
.rb-owner-pin-gate {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    background: #eef7fd;
}

.rb-owner-pin-card {
    width: 100%;
    max-width: 680px;
    padding: 44px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid #d9ecf8;
    box-shadow: 0 24px 70px rgba(2, 36, 63, 0.12);
}

.rb-owner-pin-card > span,
.rb-owner-pin-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: #e5f4ff;
    color: #1565a8;
    font-size: 15px;
    font-weight: 800;
}

.rb-owner-pin-card h1 {
  margin: 0 0 14px;
  color: #001f3f;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.05;
  font-weight: 900;
  font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rb-owner-pin-card p {
    margin: 0 0 28px;
    color: #355a78;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 600;
    font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rb-owner-pin-form {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    gap: 18px;
    align-items: end;
}

.rb-owner-pin-form label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #001f3f;
    font-size: 15px;
    font-weight: 900;
    font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;;
}

.rb-owner-pin-form select,
.rb-owner-pin-form input {
    width: 100%;
    height: 56px;
    padding: 0 18px;
    border: 1px solid #c7dceb;
    border-radius: 14px;
    background: #f8fcff;
    color: #001f3f;
    font-size: 18px;
    font-weight: 800;
    outline: none;
    font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rb-owner-pin-form select:focus,
.rb-owner-pin-form input:focus {
    border-color: #1585c0;
    box-shadow: 0 0 0 4px rgba(21, 133, 192, 0.14);
}

.rb-owner-pin-form button {
    grid-column: 1 / -1;
    height: 58px;
    border: 0;
    border-radius: 999px;
    background: #15a84f;
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 14px 34px rgba(21, 168, 79, 0.25);
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
    font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rb-owner-pin-form button:hover {
    transform: translateY(-1px);
    background: #119546;
    box-shadow: 0 18px 42px rgba(21, 168, 79, 0.32);
}

.rb-owner-pin-form button:disabled {
    opacity: 0.7;
    cursor: wait;
    transform: none;
}

.rb-owner-pin-message {
    grid-column: 1 / -1;
    padding: 14px 16px;
    border-radius: 14px;
    background: #fff1f2;
    color: #b01432;
    font-weight: 800;
}

@media (max-width: 767px) {
    .rb-owner-pin-gate {
        min-height: auto;
        padding: 40px 14px;
    }

    .rb-owner-pin-card {
        padding: 28px 18px;
        border-radius: 20px;
    }

    .rb-owner-pin-form {
        grid-template-columns: 1fr;
    }

    .rb-owner-pin-card h1 {
        font-size: 36px;
    }

    .rb-owner-pin-card p {
        font-size: 16px;
    }
}
.rb-owner-stand__booking {
    display: grid;
    gap: 4px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.28);
}

.rb-owner-stand__booking small {
    color: rgba(255,255,255,.92);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
}

@media (max-width: 767px) {
    .rb-owner-stand__booking small {
        font-size: 12px;
    }
}
.rb-owner-stand.is-confirmed,
.rb-owner-stand.is-booked {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: #ffffff;
}

.rb-owner-stand.is-pending {
    background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
    color: #071827;
}

.rb-owner-stand.is-blocked {
    background: linear-gradient(135deg, #991b1b 0%, #7f1d1d 100%);
    color: #ffffff;
}

.rb-owner-stand.is-available {
    background: linear-gradient(135deg, #2296df 0%, #0f74b8 100%);
    color: #ffffff;
}

.rb-owner-stand__booking {
    display: grid;
    gap: 4px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.28);
}

.rb-owner-stand__booking small {
    color: inherit;
    opacity: 0.95;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
}
.rb-owner-stand.is-confirmed,
.rb-owner-stand.is-booked {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: #fff;
}

.rb-owner-dashboard__hint {
  margin: 10px 0 24px;
  color: #456278;
  font-size: 15px;
  font-weight: 700;
  font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lake-quick-facts {
    display: grid;
    grid-template-columns: repeat(6, minmax(120px, 1fr));
    gap: 22px;
    align-items: center;
}

.lake-quick-fact {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.lake-quick-fact__icon {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 12px;
    background: #1585c0;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.lake-quick-fact__label {
    font-weight: 800;
    color: #001b35;
    line-height: 1.25;
}

@media (max-width: 991px) {
    .lake-quick-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .lake-quick-facts {
        grid-template-columns: 1fr;
    }
}
.lake-quick-facts-section {
    padding: 80px 0 38px;
    background: #f1f7fc;
}

.lake-section-heading--inline {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 26px;
    flex-wrap: wrap;
}

.lake-section-heading--inline h2 {
    margin: 0;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.05;
    font-weight: 900;
    color: #001b35;
}

.lake-bookable-badge {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 18px;
    border-radius: 999px;
    background: #16a34a;
    color: #fff;
    font-weight: 800;
    font-size: 15px;
}

.lake-quick-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px; 
}

.lake-quick-fact {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 92px;
    padding: 18px;
    border: 1px solid #d9e8f4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 35px rgba(0, 36, 71, 0.06);
}

.lake-quick-fact__icon {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border-radius: 16px;
    background: linear-gradient(135deg, #1585c0, #0f6da5);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.lake-quick-fact__label {
    font-size: 17px;
    font-weight: 850;
    line-height: 1.25;
    color: #001b35;
}

@media (max-width: 1199px) {
    .lake-quick-facts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .lake-quick-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lake-quick-fact {
        padding: 14px;
        min-height: 82px;
    }

    .lake-quick-fact__icon {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
        font-size: 18px;
    }

    .lake-quick-fact__label {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .lake-quick-facts {
        grid-template-columns: 1fr;
        margin-top: 0px;
    }
}

.lake-catch-reports-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}

.lake-catch-report-item {
    overflow: hidden;
    border-radius: 16px;
    background: #fff;
}

.lake-catch-report-item img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}

.lake-catch-report-item h3 {
    margin: 12px 0 0;
    font-size: 18px;
    line-height: 1.3;
}

@media (max-width: 991px) {
    .lake-catch-reports-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .lake-catch-reports-grid {
        grid-template-columns: 1fr;
    }
}

.rb-owner-manual-modal[hidden] {
    display: none !important;
}

.rb-owner-manual-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 21, 38, 0.62);
    backdrop-filter: blur(10px);
}

.rb-owner-manual-modal__dialog {
    width: min(760px, 100%);
    max-height: calc(100vh - 48px);
    overflow: auto;
    background: #fff;
    border: 1px solid #d7e7f4;
    border-radius: 22px;
    box-shadow: 0 30px 90px rgba(0, 32, 58, 0.28);
    padding: 30px;
}

.rb-owner-manual-modal__top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

.rb-owner-manual-modal__eyebrow {
    display: inline-flex;
    width: fit-content;
    padding: 8px 14px;
    border-radius: 999px;
    background: #eaf6ff;
    color: #1565a8;
    font-weight: 800;
    margin-bottom: 12px;
}

.rb-owner-manual-modal h2 {
    margin: 0;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.05;
    color: #001b35;
}

.rb-owner-manual-modal__meta {
    margin-top: 10px;
    color: #355773;
    font-weight: 800;
}

.rb-owner-manual-modal__close {
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: #eef7ff;
    color: #001b35;
    font-size: 26px;
    cursor: pointer;
}

.rb-owner-manual-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.rb-owner-manual-form label {
    display: grid;
    gap: 8px;
    color: #001b35;
    font-weight: 900;
}

.rb-owner-manual-form input,
.rb-owner-manual-form select,
.rb-owner-manual-form textarea {
    width: 100%;
    border: 1px solid #c8dcec;
    border-radius: 14px;
    background: #f8fcff;
    color: #001b35;
    font-weight: 800;
    padding: 15px 16px;
    outline: none;
}

.rb-owner-manual-form textarea {
    min-height: 110px;
    resize: vertical;
}

.rb-owner-manual-form input:focus,
.rb-owner-manual-form select:focus,
.rb-owner-manual-form textarea:focus {
    border-color: #1585c0;
    box-shadow: 0 0 0 4px rgba(21, 133, 192, 0.12);
}

.rb-owner-manual-form__actions {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 8px;
}

.rb-owner-manual-form__submit {
    border: 0;
    border-radius: 999px;
    background: #18a94f;
    color: #fff;
    font-weight: 900;
    padding: 16px 28px;
    cursor: pointer;
    box-shadow: 0 16px 34px rgba(24, 169, 79, 0.22);
}

.rb-owner-manual-form__submit:disabled {
    opacity: .65;
    cursor: wait;
}

.rb-owner-manual-form__message {
    grid-column: 1 / -1;
    padding: 14px 16px;
    border-radius: 14px;
    font-weight: 800;
}

.rb-owner-manual-form__message.is-error {
    background: #fff0f2;
    color: #b20d31;
    border: 1px solid #ffc9d2;
}

.rb-owner-manual-form__message.is-success {
    background: #eafff1;
    color: #046b2d;
    border: 1px solid #b9f4cc;
}

@media (max-width: 720px) {
    .rb-owner-manual-modal {
        align-items: flex-end;
        padding: 12px;
    }

    .rb-owner-manual-modal__dialog {
        max-height: calc(100vh - 24px);
        border-radius: 20px;
        padding: 22px;
    }

    .rb-owner-manual-form {
        grid-template-columns: 1fr;
    }

    .rb-owner-manual-form__actions {
        display: grid;
    }

    .rb-owner-manual-form__submit {
        width: 100%;
    }
}
.rb-owner-manual-modal {
    font-family: inherit;
}

.rb-owner-manual-modal * {
    box-sizing: border-box;
}

.rb-owner-manual-modal__dialog {
    width: min(760px, calc(100vw - 28px));
    background: #fff;
    border-radius: 24px;
    padding: 28px;
}

.rb-owner-manual-modal__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

.rb-owner-manual-modal__top > div {
    flex: 1;
}

.rb-owner-manual-form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 20px;
}

.rb-owner-manual-form label {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    font-weight: 800;
    color: #001b35;
}

.rb-owner-manual-form input,
.rb-owner-manual-form select,
.rb-owner-manual-form textarea {
    width: 100% !important;
    min-height: 54px;
    border: 1px solid #c8dcec !important;
    border-radius: 14px !important;
    background: #f8fcff !important;
    padding: 13px 15px !important;
    color: #001b35 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.rb-owner-manual-form textarea {
    min-height: 104px;
    resize: vertical;
}

.rb-owner-manual-form label:has(textarea),
.rb-owner-manual-form__actions,
.rb-owner-manual-form__message {
    grid-column: 1 / -1;
}

.rb-owner-manual-form__submit,
.rb-owner-manual-form button[type="submit"] {
    width: fit-content;
    border: 0 !important;
    border-radius: 999px !important;
    background: #18a94f !important;
    color: #fff !important;
    padding: 15px 28px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    cursor: pointer;
}

@media (max-width: 720px) {
    .rb-owner-manual-modal {
        align-items: flex-end;
        padding: 12px;
    }

    .rb-owner-manual-modal__dialog {
        padding: 22px;
        max-height: calc(100vh - 24px);
        overflow-y: auto;
    }

    .rb-owner-manual-form {
        grid-template-columns: 1fr;
    }

    .rb-owner-manual-form__submit,
    .rb-owner-manual-form button[type="submit"] {
        width: 100%;
    }
}


.rb-owner-manual-modal[hidden] {
    display: none !important;
}

.rb-owner-manual-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(4, 20, 34, 0.62);
    backdrop-filter: blur(10px);
}

.rb-owner-manual-modal__panel {
    position: relative;
    width: min(760px, 100%);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    padding: 34px;
    border-radius: 24px;
    background: #ffffff;
    color: #061b33;
    box-shadow: 0 30px 90px rgba(6, 27, 51, 0.28);
}

.rb-owner-manual-modal__close {
    position: absolute;
    top: 22px;
    right: 22px;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: #eef7ff;
    color: #061b33;
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
}

.rb-owner-manual-modal__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 18px;
    border-radius: 999px;
    background: #e8f5ff;
    color: #0b66a8;
    font-size: 15px;
    font-weight: 900;
}

.rb-owner-manual-modal__panel h3 {
    margin: 18px 0 10px;
    color: #061b33;
    font-size: 34px;
    line-height: 1.12;
    font-weight: 900;
    font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rb-owner-manual-modal__summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 0 0 18px;
    color: #294763;
    font-size: 17px;
    font-weight: 700;
}

.rb-owner-manual-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 22px;
}

.rb-owner-manual-form label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    color: #061b33;
    font-size: 15px;
    font-weight: 900;
}

.rb-owner-manual-form input,
.rb-owner-manual-form select,
.rb-owner-manual-form textarea {
    width: 100%;
    min-height: 58px;
    border: 1px solid #c9deee;
    border-radius: 14px;
    background: #f8fbfe;
    color: #061b33;
    font-size: 16px;
    font-weight: 800;
    padding: 0 16px;
    outline: none;
}

.rb-owner-manual-form textarea {
    min-height: 120px;
    padding-top: 15px;
    resize: vertical;
}

.rb-owner-manual-form input::placeholder,
.rb-owner-manual-form textarea::placeholder {
    color: #758798;
}

.rb-owner-manual-modal__summary,
.rb-owner-manual-modal__grid,
.rb-owner-manual-form label:has(textarea),
.rb-owner-manual-modal__submit,
.rb-owner-manual-modal__message {
    grid-column: 1 / -1;
}

.rb-owner-manual-modal__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 22px;
}

.rb-owner-manual-modal__submit {
    justify-self: start;
    min-height: 58px;
    border: 0;
    border-radius: 999px;
    background: #18a84f;
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
    padding: 0 34px;
    cursor: pointer;
    box-shadow: 0 18px 34px rgba(24, 168, 79, 0.24);
}

.rb-owner-manual-modal__submit:hover {
    background: #139445;
}

.rb-owner-manual-modal__message {
    padding: 14px 16px;
    border-radius: 14px;
    font-weight: 800;
}

.rb-owner-manual-modal__message.is-success {
    background: #e9fff1;
    color: #087333;
}

.rb-owner-manual-modal__message.is-error {
    background: #fff0f2;
    color: #b31335;
}

@media (max-width: 767px) {
    .rb-owner-manual-modal {
        align-items: flex-start;
        padding: 14px;
    }

    .rb-owner-manual-modal__panel {
        padding: 26px 18px;
        border-radius: 20px;
    }

    .rb-owner-manual-modal__panel h3 {
        font-size: 28px;
        padding-right: 48px;
    }

    .rb-owner-manual-form,
    .rb-owner-manual-modal__grid {
        grid-template-columns: 1fr;
    }

    .rb-owner-manual-modal__submit {
        width: 100%;
    }
}

.rb-owner-dashboard__grid {
    align-items: stretch;
}

.rb-owner-stand {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 230px;
    padding: 24px 20px;
    border: 0;
    border-radius: 22px;
    text-align: left;
    box-shadow: 0 18px 42px rgba(6, 45, 76, 0.12);
}

.rb-owner-stand > strong {
  color: #fff;
  font-size: 26px;
  line-height: 1.1;
  font-weight: 800;
  font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rb-owner-stand__slots {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
    margin-top: auto;
}

.rb-owner-slot {
    min-width: 0;
    min-height: 116px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    text-align: left;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow: hidden;
}

.rb-owner-slot:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.24);
}

.rb-owner-slot span {
    font-size: 15px;
    font-weight: 900;
    line-height: 1.1;
}

.rb-owner-slot small,
.rb-owner-slot em {
    display: block;
    max-width: 100%;
    color: inherit;
    font-size: 12px;
    line-height: 1.25;
    font-style: normal;
    font-weight: 700;
    word-break: break-word;
    overflow-wrap: anywhere;
    opacity: 0.96;
}

.rb-owner-slot.is-available {
    background: rgba(255, 255, 255, 0.18);
}

.rb-owner-slot.is-pending {
    background: #f59e0b;
    color: #081827;
}

.rb-owner-slot.is-confirmed,
.rb-owner-slot.is-booked {
    background: #ef4444;
    color: #fff;
}

.rb-owner-slot.is-blocked {
    background: #991b1b;
    color: #fff;
}

.rb-owner-slot.is-confirmed small,
.rb-owner-slot.is-confirmed em,
.rb-owner-slot.is-booked small,
.rb-owner-slot.is-booked em,
.rb-owner-slot.is-blocked small,
.rb-owner-slot.is-blocked em {
    color: #fff;
}

@media (max-width: 991px) {
    .rb-owner-stand {
        min-height: 210px;
    }
}

@media (max-width: 575px) {
    .rb-owner-stand {
        min-height: auto;
        padding: 18px;
    }

    .rb-owner-stand > strong {
        font-size: 24px;
    }

    .rb-owner-stand__slots {
        grid-template-columns: 1fr;
    }

    .rb-owner-slot {
        min-height: 88px;
    }
}

.rb-owner-slot.is-available {
    background: #1f9ad6;
    border-color: rgba(255, 255, 255, 0.38);
    color: #fff;
}

.rb-owner-slot.is-pending {
    background: #f59e0b;
    border-color: rgba(255, 255, 255, 0.45);
    color: #071827;
}

.rb-owner-slot.is-confirmed,
.rb-owner-slot.is-booked {
    background: #ef4444;
    border-color: rgba(255, 255, 255, 0.42);
    color: #fff;
}

.rb-owner-slot.is-blocked {
    background: #991b1b;
    border-color: rgba(255, 255, 255, 0.35);
    color: #fff;
}

.rb-owner-stand.is-confirmed .rb-owner-slot.is-available,
.rb-owner-stand.is-booked .rb-owner-slot.is-available,
.rb-owner-stand.is-blocked .rb-owner-slot.is-available,
.rb-owner-stand.is-pending .rb-owner-slot.is-available {
    background: #16a34a;
    color: #fff;
}

.rb-owner-slot.is-available small {
    color: #eaf7ff;
}

.rb-owner-slot.is-confirmed small,
.rb-owner-slot.is-confirmed em,
.rb-owner-slot.is-booked small,
.rb-owner-slot.is-booked em,
.rb-owner-slot.is-blocked small,
.rb-owner-slot.is-blocked em {
    color: #fff;
}

.rb-owner-slot em {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.2;
    font-style: normal;
    opacity: 0.85;
    word-break: break-word;
}

.rb-owner-slot.is-available {
    background: #16a34a;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.35);
}

.rb-owner-slot.is-pending,
.rb-owner-slot.is-confirmed,
.rb-owner-slot.is-booked {
    background: #ef4444;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.35);
}

.rb-owner-slot.is-blocked {
    background: #991b1b;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.35);
}

.rb-owner-slot b,
.rb-owner-slot span,
.rb-owner-slot small,
.rb-owner-slot em {
    color: inherit;
}

.rb-owner-slot small {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;
}

.rb-owner-slot span {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;
}

.rb-owner-slot em {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.2;
    font-style: normal;
    opacity: 0.9;
    word-break: break-word;
}

.rb-owner-slot em {
    font-size: 11px;
    line-height: 1.25;
    max-width: 100%;
    word-break: break-word;
}

.rb-owner-dashboard__grid .rb-owner-stand {
  background: #1579bd;
}

/* WooCommerce order received / success page */
.woocommerce-order {
    max-width: 1120px;
    padding: 0 20px;
    color: #062033;
}

.woocommerce-order > p:first-child,
.woocommerce-thankyou-order-received {
    background: #e9fbf0;
    border: 1px solid #b8f0ca;
    border-radius: 18px;
    padding: 22px 26px;
    font-size: 22px;
    font-weight: 800;
    color: #087a35;
    margin-bottom: 24px;
}

.woocommerce-order-overview {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
}

.woocommerce-order-overview li {
    background: #fff;
    border: 1px solid #d9e8f3;
    border-radius: 14px;
    padding: 16px;
    font-size: 14px;
    line-height: 1.45;
    box-shadow: 0 12px 32px rgba(3, 34, 56, 0.06);
}

.woocommerce-order-overview strong {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    color: #061c2f;
}

.woocommerce-order-details,
.woocommerce-customer-details {
    background: #fff;
    border: 1px solid #d9e8f3;
    border-radius: 18px;
    padding: 28px;
    margin-top: 24px;
    box-shadow: 0 16px 38px rgba(3, 34, 56, 0.07);
}

.woocommerce-order-details h2,
.woocommerce-customer-details h2 {
    font-size: 34px;
    line-height: 1.1;
    margin: 0 0 22px;
    color: #061c2f;
    font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 800;
}

.woocommerce-table--order-details {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
    padding: 16px 0;
    border-bottom: 1px solid #dbe8f1;
    vertical-align: top;
    text-align: left;
}

.woocommerce-table--order-details th:last-child,
.woocommerce-table--order-details td:last-child {
    text-align: right;
}

.woocommerce-table__product-name ul {
    margin: 12px 0 0;
    padding-left: 18px;
}

.woocommerce-table__product-name li {
    margin-bottom: 10px;
}

.woocommerce-table__product-name strong {
    color: #061c2f;
}

.woocommerce-customer-details address {
    font-style: normal;
    line-height: 1.8;
    background: #f3f8fc;
    border-radius: 14px;
    padding: 18px;
}

@media (max-width: 900px) {
    .woocommerce-order-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .woocommerce-order-details,
    .woocommerce-customer-details {
        padding: 20px;
    }

    .woocommerce-order-details h2,
    .woocommerce-customer-details h2 {
        font-size: 28px;
    }
}

@media (max-width: 560px) {
    .woocommerce-order {
        padding: 0 14px;
    }

    .woocommerce-order-overview {
        grid-template-columns: 1fr;
    }

    .woocommerce-table--order-details th,
    .woocommerce-table--order-details td {
        display: block;
        text-align: left !important;
        padding: 10px 0;
    }

    .woocommerce-checkout .woocommerce {
      padding: 20px 0px !important; 
    }
    .wpr-page-area.pt-120.pb-120 {
      padding: 60px 0px;
    }
}

.woocommerce-order-overview li {
    min-width: 0;
    overflow: hidden;
}

.woocommerce-order-overview li strong {
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.35;
}

.woocommerce-order-details,
.woocommerce-customer-details {
    overflow: hidden;
}

.woocommerce-customer-details address {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* 360 drone view */
.lake-drone-section {
    padding: 70px 0;
    background: #f2f8fd;
}

.lake-drone-head {
    margin-bottom: 22px;
}

.lake-drone-head span {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 999px;
    background: #e3f2ff;
    color: #1565a8;
    font-weight: 800;
    margin-bottom: 12px;
}

.lake-drone-head p {
    margin: 8px 0 0;
    color: #33536a;
    font-size: 18px;
}

.lake-drone-map {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid #d7e8f5;
    background: #0b2032;
    box-shadow: 0 24px 60px rgba(3, 34, 56, 0.14);
}

.lake-drone-map img {
    display: block;
    width: 100%;
    min-height: 360px;
    object-fit: cover;
}

.lake-drone-hotspot {
    position: absolute;
    transform: translate(-50%, -50%);
    border: 0;
    border-radius: 999px;
    padding: 10px 14px;
    background: #19a64a;
    color: #fff;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
    z-index: 2;
}

.lake-drone-hotspot::before {
    content: "";
    position: absolute;
    inset: -7px;
    border-radius: inherit;
    border: 2px solid rgba(255, 255, 255, 0.7);
}

.lake-drone-hotspot span {
    position: relative;
    z-index: 1;
    white-space: nowrap;
}

.lake-drone-hotspot:hover {
    background: #1585c0;
}

.lake-drone-message {
    margin-top: 16px;
    padding: 14px 18px;
    border-radius: 14px;
    font-weight: 800;
}

.lake-drone-message.is-success {
    background: #e9fbf0;
    color: #067532;
    border: 1px solid #b8f0ca;
}

@media (max-width: 768px) {
    .lake-drone-section {
        padding: 42px 0;
    }

    .lake-drone-map img {
        min-height: 280px;
    }

    .lake-drone-hotspot {
        padding: 8px 10px;
        font-size: 13px;
    }
}

.lake-virtual-tour-section {
    padding: 70px 0;
    background: #f2f8fd;
}

.lake-virtual-tour-preview {
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid #d7e8f5;
    background: #071827;
    box-shadow: 0 24px 60px rgba(3, 34, 56, 0.14);
    margin-top: 30px;
}

.lake-virtual-tour-viewer {
    width: 100%;
    height: 620px;
    min-height: 520px;
}

@media (max-width: 768px) {
    .lake-virtual-tour-section {
        padding: 42px 0;
    }

    .lake-virtual-tour-viewer {
        height: 420px;
        min-height: 360px;
    }
}

.lake-virtual-tour-preview {
    position: relative;
    border-radius: 18px;
}

.lake-virtual-tour-book-btn {
    position: absolute;
    right: 24px;
    bottom: 24px;
    z-index: 5;
    border: 0;
    border-radius: 999px;
    padding: 16px 26px;
    background: #1585c0;
    color: #fff;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 16px 35px rgba(21, 133, 192, 0.3);
}

.lake-virtual-tour-book-btn:hover {
    background: #0f6fa3;
}

.lake-virtual-tour-back-btn {
    position: absolute;
    left: 24px;
    bottom: 24px;
    z-index: 5;
    border: 0;
    border-radius: 999px;
    padding: 16px 24px;
    background: rgba(255, 255, 255, 0.94);
    color: #07324d;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 16px 35px rgba(3, 34, 56, 0.22);
}

.lake-virtual-tour-back-btn:hover {
    background: #eaf6ff;
}

@media (max-width: 768px) {
    .lake-virtual-tour-back-btn {
        left: 14px;
        bottom: 72px;
        padding: 13px 16px;
        font-size: 14px;
    }
}

.rb-360-book-hotspot {
    width: auto !important;
    height: auto !important;
    background: #19a64a;
    color: #fff;
    border-radius: 999px;
    padding: 10px 14px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.rb-360-book-hotspot span {
    white-space: nowrap;
    font-size: 14px;
}
.lake-virtual-tour-jump-btn {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 20;
    border: 0;
    border-radius: 999px;
    padding: 14px 24px;
    background: #ffffff;
    color: #08233c;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: 0 16px 36px rgba(7, 24, 39, 0.22);
}

.lake-virtual-tour-jump-btn:hover {
    background: #eaf6ff;
    color: #1565c0;
}

@media (max-width: 767px) {
    .lake-virtual-tour-jump-btn {
        top: 14px;
        right: 14px;
        left: 14px;
        width: calc(100% - 28px);
        padding: 13px 16px;
        font-size: 15px;
    }
}

.lake-virtual-tour-main-btn {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 20;
    border: 0;
    border-radius: 999px;
    padding: 14px 24px;
    background: #ffffff;
    color: #08233c;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: 0 16px 36px rgba(7, 24, 39, 0.22);
}

.lake-virtual-tour-main-btn:hover {
    background: #eaf6ff;
    color: #1565c0;
}

@media (max-width: 767px) {
    .lake-virtual-tour-main-btn {
        top: 14px;
        left: 14px;
        right: 14px;
        width: calc(100% - 28px);
        padding: 13px 16px;
        font-size: 15px;
    }
}
.lake-virtual-tour-selected {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 20;
    border-radius: 999px;
    padding: 12px 18px;
    background: rgba(255, 255, 255, 0.94);
    color: #08233c;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 14px 34px rgba(7, 24, 39, 0.18);
}

.lake-virtual-tour-selected strong {
    color: #1585c0;
}

@media (max-width: 767px) {
    .lake-virtual-tour-selected {
        top: 64px;
        left: 14px;
        right: 14px;
        text-align: center;
    }
}
.lake-virtual-tour-selected {
    position: absolute;
    right: 22px;
    top: 92px;
    z-index: 21;
    border-radius: 999px;
    padding: 12px 18px;
    background: rgba(255, 255, 255, 0.94);
    color: #08233c;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 14px 34px rgba(7, 24, 39, 0.18);
}

.lake-virtual-tour-selected strong {
    color: #1585c0;
}

@media (max-width: 767px) {
    .lake-virtual-tour-section {
        padding-left: 14px;
        padding-right: 14px;
    }

    .lake-virtual-tour-preview {
        min-height: 530px;
        border-radius: 18px;
        overflow: hidden;
    }

    .lake-virtual-tour-viewer {
        height: 530px;
        min-height: 530px;
    }

    .lake-virtual-tour-jump-btn,
    .lake-virtual-tour-main-btn,
    .lake-virtual-tour-back-btn,
    .lake-virtual-tour-book-btn {
        left: 14px;
        right: 14px;
        width: calc(100% - 28px);
        padding: 13px 16px;
        font-size: 15px;
        line-height: 1.25;
        text-align: center;
        justify-content: center;
        white-space: normal;
    }

    .lake-virtual-tour-jump-btn,
    .lake-virtual-tour-main-btn {
      top: 70px;
      width: calc(85% - 28px);
      margin: 0px auto;
    }

    .lake-virtual-tour-selected {
        top: 72px;
        left: 14px;
        right: 14px;
        width: auto;
        text-align: center;
        padding: 11px 14px;
        font-size: 14px;
    }

    .lake-virtual-tour-back-btn {
        bottom: 80px;
    }

    .lake-virtual-tour-book-btn {
        bottom: 14px;
    }

    .rb-360-book-hotspot span {
        max-width: 190px;
        padding: 9px 12px;
        font-size: 13px;
        white-space: normal;
        text-align: center;
    }
}

.lake-virtual-tour-node-btn {
    position: absolute;
    z-index: 26;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    border-radius: 999px;
    padding: 14px 20px;
    background: rgba(255, 255, 255, 0.96);
    color: #08233c;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 14px 34px rgba(7, 24, 39, 0.22);
}

.lake-virtual-tour-node-btn--prev {
    left: 24px;
}

.lake-virtual-tour-node-btn--next {
    right: 24px;
}

.lake-virtual-tour-node-btn:hover {
    background: #1585c0;
    color: #fff;
}

.lake-virtual-tour-node-label {
    position: absolute;
    z-index: 26;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100% - 280px);
    border-radius: 999px;
    padding: 12px 18px;
    background: rgba(255, 255, 255, 0.96);
    color: #08233c;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
    box-shadow: 0 14px 34px rgba(7, 24, 39, 0.18);
}

@media (max-width: 767px) {
    .lake-virtual-tour-node-btn {
        top: auto;
        bottom: 142px;
        transform: none;
        width: auto;
        min-width: 112px;
        padding: 12px 14px;
        font-size: 14px;
    }

    .lake-virtual-tour-node-btn--prev {
        left: 14px;
    }

    .lake-virtual-tour-node-btn--next {
        right: 14px;
    }

    .lake-virtual-tour-node-label {
        top: 74px;
        left: 14px;
        right: 14px;
        transform: none;
        max-width: none;
        padding: 10px 14px;
        font-size: 14px;
    }
}

.lake-virtual-tour-node-count {
    position: absolute;
    z-index: 26;
    top: 24px;
    right: 30px;
    border-radius: 999px;
    padding: 10px 16px;
    background: rgba(8, 35, 60, 0.86);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 14px 34px rgba(7, 24, 39, 0.18);
}

@media (max-width: 767px) {
    .lake-virtual-tour-node-count {
        top: 118px;
        left: 14px;
        right: 14px;
        text-align: center;
    }
}

.lake-virtual-tour-node-label {
    position: absolute;
    z-index: 26;
    top: 22px;
    left: 35px;
    transform: none;
    max-width: calc(100% - 44px);
    border-radius: 999px;
    padding: 11px 16px;
    background: rgba(255, 255, 255, 0.96);
    color: #08233c;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
    box-shadow: 0 14px 34px rgba(7, 24, 39, 0.18);
}

.lake-virtual-tour-node-count {
    position: absolute;
    z-index: 27;
    top: 70px;
    left: 35px;
    right: auto;
    border-radius: 999px;
    padding: 11px 16px;
    background: rgba(8, 35, 60, 0.88);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 14px 34px rgba(7, 24, 39, 0.18);
}

.lake-virtual-tour-node-btn {
    top: 50%;
    z-index: 26;
}

.lake-virtual-tour-node-btn--prev {
    left: 22px;
}

.lake-virtual-tour-node-btn--next {
    right: 22px;
}

@media (max-width: 767px) {
    .lake-virtual-tour-node-label {
      top: 14px;
      left: 34px;
      right: 14px;
      max-width: 130px;
      font-size: 14px;
    }
    .lake-virtual-tour-node-count {
      top: 14px;
      left: auto;
      right: 10px;
      font-size: 14px;
    }
    .lake-virtual-tour-node-btn {
        bottom: 138px;
        top: auto;
        transform: none;
    }
}
.lake-virtual-tour-selected {
    display: none !important;
}

.rb-checkout-payment-note {
    display: grid;
    gap: 8px;
    margin: 18px 0;
    padding: 18px;
    border-radius: 14px;
    background: #eaf8f0;
    border: 1px solid #b9ebca;
    color: #073b22;
    font-weight: 700;
}

.rb-checkout-payment-note strong {
    font-size: 18px;
    color: #065f32;
}

.rb-checkout-payment-note span {
    display: block;
    font-size: 15px;
}

Add this CSS to your theme/custom CSS. It will style the blog detail page without changing your markup.

```css
.wpr-postbox-details-area {
    background: #eef6fb;
    padding: 80px 0;
}

.wpr-postbox-details-main-wrapper {
    background: #ffffff;
    border: 1px solid #d9e8f2;
    border-radius: 22px;
    box-shadow: 0 24px 60px rgba(7, 24, 39, 0.08);
    overflow: hidden;
}

.wpr-blog-details-thumb img,
.postbox__details-thumbnail img {
    width: 100%;
    height: auto;
    max-height: 520px;
    object-fit: cover;
    display: block;
}

.blog-details-content-box {
    padding: 28px 38px 0;
}

.wpr-postbox-details-content .wpr-postbox-details-article {
    margin: 0;
}

.wpr-postbox-details-article-inner {
    padding: 28px 38px 44px;
    color: #12304a;
    font-size: 18px;
    line-height: 1.8;
}

.wpr-postbox-details-article-inner h1,
.wpr-postbox-details-article-inner h2,
.wpr-postbox-details-article-inner h3,
.wpr-postbox-details-content h1,
.wpr-postbox-details-content h2,
.wpr-postbox-details-content h3 {
    color: #001f3a;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 18px;
}

.wpr-postbox-details-article-inner h1 {
    font-size: clamp(34px, 4vw, 56px);
}

.wpr-postbox-details-article-inner h2 {
    font-size: clamp(28px, 3vw, 40px);
    margin-top: 34px;
}

.wpr-postbox-details-article-inner h3 {
    font-size: 26px;
    margin-top: 28px;
}

.wpr-postbox-details-article-inner p {
    margin: 0 0 20px;
}

.wpr-postbox-details-article-inner a {
    color: #147cc2;
    font-weight: 700;
    text-decoration: none;
}

.wpr-postbox-details-article-inner a:hover {
    text-decoration: underline;
}

.wpr-postbox-details-article-inner ul,
.wpr-postbox-details-article-inner ol {
    padding-left: 24px;
    margin: 0 0 24px;
}

.wpr-postbox-details-article-inner li {
    margin-bottom: 10px;
}

.wpr-postbox-details-article-inner blockquote {
    margin: 32px 0;
    padding: 24px 28px;
    border-left: 5px solid #1685d6;
    background: #f1f8fd;
    border-radius: 14px;
    color: #09243c;
    font-size: 20px;
    font-weight: 700;
}

.wpr-postbox-details-article-inner img {
    max-width: 100%;
    height: auto;
    border-radius: 18px;
}

.page-links {
    margin-top: 30px;
    padding-top: 22px;
    border-top: 1px solid #d9e8f2;
    font-weight: 800;
}

.page-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    margin-left: 8px;
    border-radius: 999px;
    background: #e7f3fb;
    color: #005b99;
}

.wpr-sidebar-wrapper {
    background: #ffffff;
    border: 1px solid #d9e8f2;
    border-radius: 22px;
    padding: 28px;
    box-shadow: 0 20px 50px rgba(7, 24, 39, 0.07);
}

@media (max-width: 991px) {
    .wpr-postbox-details-area {
        padding: 48px 0;
    }

    .blog-details-content-box {
        padding: 24px 24px 0;
    }

    .wpr-postbox-details-article-inner {
        padding: 24px;
        font-size: 16px;
    }

    .wpr-sidebar-wrapper {
        margin-top: 28px;
    }
}

@media (max-width: 575px) {
    .wpr-postbox-details-main-wrapper,
    .wpr-sidebar-wrapper {
        border-radius: 16px;
    }

    .blog-details-content-box {
        padding: 20px 18px 0;
    }

    .wpr-postbox-details-article-inner {
        padding: 20px 18px 28px;
    }

    .wpr-postbox-details-article-inner blockquote {
        padding: 18px;
        font-size: 17px;
    }
}
.comments-area.postbox__comment {
  display: none;
}
.wpr-postbox-details-area.wpr-blog-area.wpr-blog-standard-area.p-relative.section-spacing.blog-area-7 {
  padding: 80px 0px;
}
/* Blog previous / next navigation */
.wpr-postbox-details-navigation {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: stretch;
  gap: 18px;
  margin-top: 44px;
  padding: 0px 40px;
}

.wpr-postbox-details-navigation-content {
    background: #f4f9fd;
    border: 1px solid #d9e8f2;
    border-radius: 18px;
    padding: 22px 24px;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wpr-postbox-details-navigation-content.next {
    align-items: flex-end;
}

.wpr-postbox-details-navigation-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #1976bd;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    margin-bottom: 10px;
}

.wpr-postbox-details-navigation-btn span {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #e6f3fc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1976bd;
}

.wpr-postbox-details-navigation-title {
    margin: 0;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 900;
    max-width: 360px;
}

.wpr-postbox-details-navigation-title a {
    color: #08243b;
    text-decoration: none;
}

.wpr-postbox-details-navigation-title a:hover,
.wpr-postbox-details-navigation-btn:hover {
    color: #0f83d2;
}

.wpr-postbox-details-navigation-bar {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wpr-postbox-details-navigation-bar a {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #d9e8f2;
    box-shadow: 0 14px 34px rgba(7, 24, 39, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1976bd;
    text-decoration: none;
}

.wpr-postbox-details-navigation-bar a:hover {
    background: #1976bd;
    color: #ffffff;
}

@media (max-width: 767px) {
    .wpr-postbox-details-navigation {
        grid-template-columns: 1fr;
    }

    .wpr-postbox-details-navigation-content,
    .wpr-postbox-details-navigation-content.next {
        align-items: flex-start;
        text-align: left;
    }

    .wpr-postbox-details-navigation-bar {
        justify-content: flex-start;
    }

    .wpr-postbox-details-navigation-title {
        font-size: 18px;
    }

  .wpr-postbox-details-navigation {
    padding: 0px 20px;
  }

}
.post-meta-details-wrap.d-flex.align-items-center.flex-wrap.mt-4 {
  gap: 20px;
  padding-left: 10px;
}

.lake-catch-submit-section {
    padding: 32px 0 70px;
    background: #eef6fc;
}

.rb-catch-report-form,
.rb-catch-report-notice {
    max-width: 1224px;
    margin: 0 auto;
    padding: 32px;
    background: #ffffff;
    border: 1px solid #d7e7f3;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(8, 36, 66, 0.08);
}

.rb-catch-report-form h3 {
    margin: 0 0 24px;
    color: #06233d;
    font-size: 32px;
    line-height: 1.15;
    font-weight: 800;
}

.rb-catch-report-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 22px;
}

.rb-catch-report-form label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    color: #06233d;
    font-size: 15px;
    font-weight: 800;
}

.rb-catch-report-form h3,
.rb-catch-report-form label:first-of-type,
.rb-catch-report-form label:has(textarea),
.rb-catch-report-form button,
.rb-catch-report-form__message {
    grid-column: 1 / -1;
}

.rb-catch-report-form input,
.rb-catch-report-form select,
.rb-catch-report-form textarea {
    width: 100%;
    min-height: 54px;
    padding: 14px 16px;
    border: 1px solid #c9deef;
    border-radius: 12px;
    background: #f7fbff;
    color: #06233d;
    font-size: 16px;
    font-weight: 700;
    outline: none;
}

.rb-catch-report-form textarea {
    min-height: 140px;
    resize: vertical;
    line-height: 1.5;
}

.rb-catch-report-form input:focus,
.rb-catch-report-form select:focus,
.rb-catch-report-form textarea:focus {
    border-color: #1684d8;
    box-shadow: 0 0 0 4px rgba(22, 132, 216, 0.14);
    background: #ffffff;
}

.rb-catch-report-form input[type="file"] {
    padding: 12px;
    background: #ffffff;
}

.rb-catch-report-form button {
    justify-self: start;
    min-width: 240px;
    min-height: 58px;
    padding: 15px 28px;
    border: 0;
    border-radius: 999px;
    background: #16a34a;
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 16px 34px rgba(22, 163, 74, 0.22);
}

.rb-catch-report-form button:hover {
    background: #138a40;
}

.rb-catch-report-form button:disabled {
    cursor: wait;
    opacity: 0.7;
}

.rb-catch-report-form__message,
.rb-catch-report-notice {
    padding: 16px 18px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 800;
}

.rb-catch-report-form__message.is-success {
    background: #e7f8ed;
    color: #087333;
    border: 1px solid #b9edca;
}

.rb-catch-report-form__message.is-error,
.rb-catch-report-notice {
    background: #fff1f2;
    color: #be123c;
    border: 1px solid #fecdd3;
}

@media (max-width: 768px) {
    .lake-catch-submit-section {
        padding: 24px 0 48px;
    }

    .rb-catch-report-form,
    .rb-catch-report-notice {
        padding: 22px;
        border-radius: 16px;
    }

    .rb-catch-report-form {
        grid-template-columns: 1fr;
    }

    .rb-catch-report-form h3 {
        font-size: 26px;
    }

    .rb-catch-report-form button {
        width: 100%;
        min-width: 0;
    }
}

.lake-catch-report-section {
    padding: 20px 0 100px;
    background: #eef6fc;
}

.lake-catch-report-section .lake-spec-title {
    margin-bottom: 26px;
}

.lake-catch-report-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.lake-catch-report-card {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d7e7f3;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(8, 36, 66, 0.08);
}

.lake-catch-report-card img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 2.5;
    object-fit: cover;
}

.lake-catch-report-card__body {
    padding: 20px;
}

.lake-catch-report-card__rating {
    margin-bottom: 10px;
    color: #f59e0b;
    font-size: 18px;
    letter-spacing: 1px;
}

.lake-catch-report-card h3 {
    margin: 0 0 10px;
    color: #06233d;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 900;
}

.lake-catch-report-card p {
    margin: 0 0 16px;
    color: #25445f;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 600;
}

.lake-catch-report-card small {
    display: block;
    color: #5b7288;
    font-size: 14px;
    font-weight: 800;
}

.lake-catch-submit-section {
    padding: 100px 0 70px;
    background: #eef6fc;
}

.lake-catch-submit-section .rb-catch-report-notice {
    max-width: 980px;
    margin: 0 auto;
}
.lake-catch-report-card {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
}

.lake-catch-report-card__body {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    padding: 22px !important;
    background: #ffffff !important;
    color: #06233d !important;
}

.lake-catch-report-card__body * {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: inherit;
}

.lake-catch-report-card__rating {
    color: #f59e0b !important;
}

.lake-catch-report-card__body h3 {
    color: #06233d !important;
}

.lake-catch-report-card__body p {
    color: #25445f !important;
}

.lake-catch-report-card__body small {
    color: #5b7288 !important;
}
.lake-section-heading span {
  font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
}

.lake-calendar__date.is-selected,
.lake-calendar__date:focus-visible {
    outline: none;
    border-color: #9ca3af;
    box-shadow: inset 0 0 0 2px #9ca3af;
    z-index: 1;
}

.lake-calendar__date.is-selected-checking {
    background: #d1d5db !important;
    color: #071827;
    box-shadow: inset 0 0 0 2px #64748b;
    position: relative;
}

.lake-calendar__date.is-selected-checking::after {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 20px;
    border: 1px solid rgba(7, 24, 39, 0.25);
    border-top-color: #071827;
    animation: rbCalendarChecking 0.75s linear infinite;
    pointer-events: none;
}

@keyframes rbCalendarChecking {
    to {
        transform: rotate(360deg);
    }
}
.main-menu li {
  position: relative;
  list-style: none;
}
.main-menu ul.sub-menu {
  background-color: #54C986;
  padding: 18px 20px;
  width: 220px;
  position: absolute;
  inset-inline-start: 10px;
  opacity: 0;
  pointer-events: none;
  z-index: 110;
  border-radius: 6px;
  margin-top: 5px;
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
}
.main-menu > ul > li:hover > ul {
  opacity: 1;
  pointer-events: all;
  inset-inline-start: 0;
}
.main-menu ul.sub-menu li a{
  color: #fff;
}

.rb-lost-password-card {
    width: min(680px, calc(100% - 32px));
    margin: 80px auto;
    padding: 42px;
    border: 1px solid #d7e6f4;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(15, 56, 89, 0.12);
}

.rb-lost-password-card h1 {
    margin: 0 0 12px;
    color: #071827;
    font-size: 42px;
    line-height: 1.1;
    font-weight: 800;
}

.rb-lost-password-card p {
    margin: 0 0 26px;
    color: #395872;
    font-size: 18px;
    line-height: 1.55;
}

.rb-lost-password-form {
    display: grid;
    gap: 20px;
}

.rb-lost-password-form label {
    display: grid;
    gap: 8px;
    color: #071827;
    font-size: 16px;
    font-weight: 800;
}

.rb-lost-password-form input[type="email"] {
    width: 100%;
    min-height: 58px;
    padding: 0 18px;
    border: 1px solid #cfe0ef;
    border-radius: 14px;
    background: #f6fbff;
    color: #071827;
    font-size: 17px;
    font-weight: 700;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.rb-lost-password-form input[type="email"]:focus {
    border-color: #1683d8;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(22, 131, 216, 0.14);
}

.rb-lost-password-form button {
    width: fit-content;
    min-width: 220px;
    min-height: 58px;
    padding: 0 28px;
    border: 0;
    border-radius: 999px;
    background: #16a34a;
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 18px 38px rgba(22, 163, 74, 0.22);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.rb-lost-password-form button:hover {
    background: #15803d;
    transform: translateY(-1px);
    box-shadow: 0 22px 46px rgba(22, 163, 74, 0.28);
}

.rb-auth-notice {
    margin: 0 0 22px;
    padding: 16px 18px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.45;
}

.rb-auth-notice.is-success {
    border: 1px solid #a7f3d0;
    background: #ecfdf5;
    color: #047857;
}

.rb-auth-notice.is-error {
    border: 1px solid #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

@media (max-width: 640px) {
    .rb-lost-password-card {
        margin: 40px auto;
        padding: 28px 22px;
        border-radius: 18px;
    }

    .rb-lost-password-card h1 {
        font-size: 32px;
    }

    .rb-lost-password-card p {
        font-size: 16px;
    }

    .rb-lost-password-form button {
        width: 100%;
    }
}

.rb-contact-form .jet-form-builder__field-wrap {
    display: grid;
    gap: 8px;
}

.rb-contact-form .jet-form-builder__label {
    font-weight: 700;
}

.rb-contact-form .jet-form-builder__desc {
    color: #64748b;
    font-size: 14px;
}

.rb-contact-form .et-form-builder__submit{
  width: fit-content;
  min-width: 116px;
  min-height: 48px;
  margin-top: 24px;
  padding: 12px 26px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #1685d9, #0f5f9f);
  color: #fff;
  font-size: 16px;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(15, 95, 159, 0.22);
}
.rb-contact-form .jet-form-builder__label-text{
  display: block;
  margin-bottom: 6px;
  color: #071827;
  font-size: 15px;
  font-weight: 900;
}
.mean-container .mean-nav ul {
  padding-left: 18px;
}

.smart-search {
    position: relative;
    display: block;
}

.smart-search__results {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 1000;
    display: grid;
    max-height: 360px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #d8e3ec;
    border-radius: 6px;
    box-shadow: 0 16px 36px rgba(8, 42, 73, 0.14);
}

.smart-search__results[hidden] {
    display: none !important;
}

.smart-search__result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 20px;
    color: #071827;
    text-align: left;
    text-decoration: none;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #e5edf3;
    cursor: pointer;
}

.smart-search__result:last-child {
    border-bottom: 0;
}

.smart-search__result:hover,
.smart-search__result:focus {
    background: #f2f8fc;
}

.smart-search__result span {
    color: #64748b;
}

#preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

#preloader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* booking calender blocking color */
.lake-calendar__date.is-closed {
    background: #d1d5db;
    color: #64748b;
    cursor: not-allowed;
    opacity: 0.85;
}

.lake-calendar__date.is-closed:hover,
.lake-calendar__date.is-closed.is-selected {
    background: #d1d5db;
    color: #64748b;
    box-shadow: none;
    transform: none;
}

/* Checkout payment methods */
.woocommerce-checkout #payment {
    width: 100%;
    margin-top: 24px;
    padding: 20px;
    background: #f5f9fc;
    border: 1px solid #dce8f1;
    border-radius: 8px;
    color: #08233d;
}

.woocommerce-checkout #payment ul.payment_methods {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-checkout #payment ul.payment_methods::before,
.woocommerce-checkout #payment ul.payment_methods::after {
    display: none;
}

.woocommerce-checkout #payment .wc_payment_method {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-checkout #payment .wc_payment_method > input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 2px 9px 0 0;
    accent-color: #1387cd;
    vertical-align: top;
}

.woocommerce-checkout #payment .wc_payment_method > label {
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - 32px);
    margin: 0;
    color: #08233d;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
}

.woocommerce-checkout #payment .payment_box {
    width: 100%;
    margin: 12px 0 4px;
    padding: 16px;
    background: #fff;
    border: 1px solid #d7e4ee;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(8, 35, 61, 0.06);
    box-sizing: border-box;
}

.woocommerce-checkout #payment .payment_box::before {
    display: none;
}

/* Stripe Payment Element */
.woocommerce-checkout #wc-stripe-upe-form,
.woocommerce-checkout .wc-stripe-upe-element,
.woocommerce-checkout .wc-stripe-elements-field,
.woocommerce-checkout .StripeElement,
.woocommerce-checkout #payment iframe {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.woocommerce-checkout #payment iframe {
    display: block;
    border: 0;
}

/* Privacy text and submit button */
.woocommerce-checkout #payment .woocommerce-privacy-policy-text {
    margin: 18px 0;
    color: #38516a;
    font-size: 14px;
    line-height: 1.55;
}

.woocommerce-checkout #payment #place_order {
    width: 100%;
    min-height: 52px;
    margin: 8px 0 0;
    padding: 13px 20px;
    border: 0;
    border-radius: 6px;
    background: #16ad50;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.woocommerce-checkout #payment #place_order:hover {
    background: #118b41;
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce-checkout #payment {
        padding: 14px;
    }

    .woocommerce-checkout #payment .payment_box {
        padding: 12px;
    }

    .woocommerce-checkout #payment .wc_payment_method > label {
        font-size: 14px;
    }
}
.lake-distance {
  font-weight: 600;
  font-size: 14px;
}
.mean-container .mean-nav ul {
  padding-left: 15px !important;
}
div .mean-container .mean-nav ul li a.mean-expand {
  right: 10px;
}
.rating-wrapper{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.lake-distance {
  font-size: 12px;
  color: #526b84;
}
.lake-profile-header {
  padding-bottom: 0 !important;
}

.rb-booking-confirmation__checkout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    margin-top: 24px;
    padding: 14px 24px;
    border: 0;
    border-radius: 8px;
    background: #16a34a;
    color: #fff;
    font-family: "Manrope", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(22, 163, 74, 0.2);
    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.rb-booking-confirmation__checkout:hover {
    background: #15803d;
    color: #fff;
    box-shadow: 0 12px 28px rgba(22, 163, 74, 0.28);
    transform: translateY(-1px);
}

.rb-booking-confirmation__checkout:focus-visible {
    outline: 3px solid rgba(22, 163, 74, 0.3);
    outline-offset: 3px;
}

.rb-booking-confirmation__checkout:active {
    transform: translateY(0);
}

.rb-booking-confirmation__checkout:disabled {
    background: #94a3b8;
    color: #fff;
    cursor: wait;
    box-shadow: none;
    transform: none;
}

@media (max-width: 600px) {
    .rb-booking-confirmation__checkout {
        min-height: 52px;
        margin-top: 20px;
        padding: 13px 18px;
        font-size: 15px;
    }
}

.rb-active-location {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 12px 0 4px;
    padding: 9px 12px 9px 16px;
    border: 1px solid #b9dcf5;
    border-radius: 999px;
    background: #eef8ff;
    color: #0b2942;
    font-size: 15px;
    line-height: 1.3;
}

.rb-active-location strong {
    font-weight: 800;
}

.rb-active-location button {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #dceefa;
    color: #0b2942;
    font: inherit;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.rb-active-location button:hover {
    background: #c9e5f7;
}

.rb-reset-lake-filters {
    display: inline-flex;
}

.rb-reset-lake-filters button,
.rb-reset-lake-filters a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 10px 20px;
    border: 1px solid #cbd9e5;
    border-radius: 6px;
    background: #fff;
    color: #0b2942;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.rb-reset-lake-filters button:hover,
.rb-reset-lake-filters a:hover {
    border-color: #1687ca;
    background: #eef8ff;
}

.rb-lake-favourite.is-active {
    border-color: #ef4444;
    background: #fff1f2;
    color: #c81e35;
}

.rb-lake-favourite.is-active i {
    color: #ef3340;
}

.rb-lake-favourite.is-loading {
    cursor: wait;
    opacity: 0.65;
}

.lake-card .heart {
    display: inline-grid;
    place-items: center;
    width: 35px;
    height: 35px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: #17324a;
    font-size: 16px;
    cursor: pointer;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        transform 0.2s ease;
}

.lake-card .heart:hover {
    transform: scale(1.05);
}

.lake-card .heart.is-active {
    border-color: #ef4444;
    background: #fff;
    color: #ef3340;
}

.lake-card .heart.is-loading {
    cursor: wait;
    opacity: 0.65;
}

.lake-card__image {
    position: relative;
}

.lake-card__image-link {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.lake-card__image .badge {
    position: relative;
    z-index: 2;
}

.lake-card__image .heart {
    position: absolute;
    top: 14px;
    right: 18px;
    z-index: 3;
}

/* Search-map desktop layout */
.rb-search-map-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(520px, 1fr);
    align-items: start;
    gap: 24px;
    width: 100%;
}

/*
 * The left side follows normal page scrolling.
 * Filters naturally disappear as the visitor reaches the cards.
 */
.rb-search-map-results {
    min-width: 0;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.rb-search-map-filters {
    position: static !important;
    width: 100%;
    margin-bottom: 24px;
}

.rb-search-map-listings {
    width: 100%;
    min-height: 400px;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Remove nested scrolling from JetEngine listing wrappers */
.rb-search-map-listings .jet-listing-grid,
.rb-search-map-listings .jet-listing-grid__items,
.rb-search-map-listings .elementor-widget-container {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Keep the map visible while the page scrolls */
div .rb-search-map-map {
    position: sticky;
    top: 24px;
    align-self: start;
    height: calc(100vh - 20px);
    min-height: 800px;
    overflow: hidden;
    z-index: 2;
}

.admin-bar .rb-search-map-map {
    top: 56px;
    height: calc(100vh - 0px);
}


/* Only the actual JetEngine map should fill the sticky column */
.rb-search-map-map .jet-map-listing,
.rb-search-map-map .jet-map-listing__map,
.rb-search-map-map .jet-map-listing__map-canvas {
    width: 100%;
    height: 100% !important;
    min-height: 800px;
}

@media (max-width: 1024px) {
    .rb-search-map-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    div .rb-search-map-map,
    .admin-bar .rb-search-map-map {
        position: relative;
        top: auto;
        order: -1;
        width: 100%;
        height: 660px;
        min-height: 660px;
    }

    .rb-search-map-map .jet-map-listing,
    .rb-search-map-map .jet-map-listing__map,
    .rb-search-map-map .jet-map-listing__map-canvas {
        min-height: 460px;
    }
}

.rb-feature-phone {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    min-width: 0;
    margin: 0;
}

.rb-feature-phone__device {
    position: relative;
    width: min(100%, 160px);
    aspect-ratio: 9 / 19;
    padding: 9px;
    overflow: hidden;
    background: #071827;
    border: 3px solid #17344d;
    border-radius: 28px;
    box-shadow:
        0 18px 36px rgba(7, 24, 39, 0.24),
        inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.rb-feature-phone__device img {
    display: block;
    width: 100%;
    height: 100% !important; 
    object-fit: cover;
    object-position: top center;
    border-radius: 19px !important; 
}

.rb-feature-phone__speaker {
    position: absolute;
    top: 14px;
    left: 50%;
    z-index: 2;
    width: 52px;
    height: 8px;
    background: #071827;
    border-radius: 8px;
    transform: translateX(-50%);
}

.rb-feature-phone figcaption {
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

@media (max-width: 1024px) {
    .rb-feature-phone__device {
        width: min(100%, 170px);
    }
}

@media (max-width: 767px) {
    .rb-feature-phone__device {
        width: min(100%, 155px);
    }

    .rb-feature-phone figcaption {
        font-size: 15px;
    }
}

.rb-owner-dashboard-preview {
    margin: 0;
}

.rb-owner-dashboard-preview img {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: 620px;
  object-fit: contain;
  object-position: top center;
  border: 1px solid #cfe0ec !important;
  border-radius: 8px !important;
  box-shadow: 0 22px 50px rgba(7, 24, 39, 0.16) !important;
}

.rb-owner-dashboard-preview figcaption {
    margin-top: 12px;
    color: #48657a;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 767px) {
    .rb-owner-dashboard-preview img {
        max-height: none;
    }
}

.rb-review-summary {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  color: #071827;
  font-size: 15px;
  line-height: 1.4;
}

.rb-review-summary__average {
  font-weight: 800;
}

.rb-review-summary__stars {
  color: #f5a000;
  letter-spacing: 0;
}

.rb-review-summary__count,
.rb-review-summary--empty {
  color: #64748b;
  font-weight: 600;
}
.rb-lake-stand-count {
  font-weight: 700;
}
div .badge--promotion {
  background: #e7f8ee;
  color: #087a43;
}

.lake-catch-report-empty {
    grid-column: 1 / -1;
    width: 100%;
    padding: 32px;
    border: 1px solid #d7e4ee;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
    margin-top: 60px;
}

.lake-catch-report-empty strong {
    display: block;
    margin: 0 0 8px;
    color: #071f35;
    font-family: "Manrope", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.3;
}

.lake-catch-report-empty p {
    max-width: 620px;
    margin: 0 auto;
    color: #526b80;
    font-family: "Manrope", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.65;
}

@media (max-width: 767px) {
    .lake-catch-report-empty {
        padding: 24px 18px;
    }

    .lake-catch-report-empty strong {
        font-size: 19px;
    }

    .lake-catch-report-empty p {
        font-size: 15px;
    }
}

/* =========================================================
   Unified virtual tour - actual rendered markup
   ========================================================= */

[data-rb-tour] {
    --rb-tour-dark: #0b3044;
    --rb-tour-green: #19aa59;
    --rb-tour-red: #ef4444;
    --rb-tour-yellow: #f59e0b;
    --rb-tour-text: #09233a;
    --rb-tour-muted: #64798a;
    --rb-tour-border: #dbe5ea;
    --rb-tour-surface: #fff;

    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 50px 20px;
    color: var(--rb-tour-text);
    font-family: "Manrope", Inter, ui-sans-serif, system-ui, sans-serif;
}

[data-rb-tour] *,
[data-rb-tour] *::before,
[data-rb-tour] *::after {
    box-sizing: border-box;
}

[data-rb-tour] [hidden] {
    display: none !important;
}

/* Header */

.rb-tour__header {
    margin-bottom: 24px;
}

.rb-tour__eyebrow {
    display: block;
    margin-bottom: 8px;
    color: #15804f;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.rb-tour__header h2 {
  margin: 0 0 10px;
  color: #000;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.08;
  letter-spacing: 0;
  font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 800;
}

.rb-tour__header p {
    max-width: 780px;
    margin: 0;
    color: var(--rb-tour-muted);
    font-size: 17px;
    line-height: 1.6;
}

/* Layout */

.rb-tour__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    gap: 22px;
    align-items: start;
}

.rb-tour__main,
.rb-tour__sidebar {
    min-width: 0;
}

.rb-tour__sidebar {
    display: grid;
    gap: 18px;
}

/* Mode tabs */

.rb-tour__modes {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin-bottom: 16px;
    padding: 6px;
    border: 1px solid var(--rb-tour-border);
    border-radius: 8px;
    background: #fff;
}

.rb-tour__modes button {
    flex: 1;
    min-height: 48px;
    padding: 10px 16px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #40586a;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.rb-tour__modes button:hover,
.rb-tour__modes button.is-active,
.rb-tour__modes button[aria-pressed="true"] {
    background: var(--rb-tour-dark);
    color: #fff;
}

/* Viewer */

.rb-tour__viewer-wrap {
    position: relative;
    overflow: hidden;
    min-height: 620px;
    border-radius: 8px;
    background: var(--rb-tour-dark);
    box-shadow: 0 20px 48px rgba(9, 35, 58, 0.16);
}

.rb-tour__viewer {
    width: 100%;
    height: 620px;
    min-height: 620px;
    background: var(--rb-tour-dark);
}

.rb-tour__viewer-toolbar {
    position: absolute;
    z-index: 6;
    top: 18px;
    right: 18px;
    left: 82px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    pointer-events: none;
}

.rb-tour__viewer-toolbar span {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    padding: 8px 14px;
    border-radius: 6px;
    background: rgba(9, 48, 68, 0.92);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

/* Pannellum controls */

.rb-tour__viewer .pnlm-controls-container {
    top: 16px;
    left: 16px;
}

.rb-tour__viewer .pnlm-controls {
    overflow: hidden;
    border: 0;
    border-radius: 6px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
}

/* Scene navigation points */

.rb-tour-hotspot {
    width: 24px !important;
    height: 24px !important;
    border: 4px solid #fff;
    border-radius: 50%;
    background: var(--rb-tour-green);
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.34);
}

.rb-tour-hotspot::after {
    content: "";
    position: absolute;
    inset: -10px;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
}

.rb-tour-hotspot.is-drone {
    background: #2387d7;
}

.rb-tour-hotspot.is-stand {
    background: var(--rb-tour-green);
}

.rb-tour-hotspot.is-path {
    background: var(--rb-tour-yellow);
}

.rb-tour-hotspot.is-back {
    background: #64748b;
}

.rb-tour-hotspot.pnlm-hotspot-base span {
    bottom: 35px;
    padding: 9px 13px;
    border-radius: 6px;
    background: var(--rb-tour-dark);
    color: #fff;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

/* Selected stand panel */

.rb-tour__stand-panel {
    position: absolute;
    z-index: 7;
    right: 20px;
    bottom: 58px;
    left: 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 18px 20px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 16px 38px rgba(9, 35, 58, 0.22);
    backdrop-filter: blur(10px);
}

.rb-tour__stand-panel button {
    min-height: 48px;
    padding: 11px 22px;
    border: 0;
    border-radius: 6px;
    background: var(--rb-tour-green);
    color: #fff;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
}

/* Legend */

.rb-tour__legend {
    position: absolute;
    z-index: 6;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    gap: 20px;
    align-items: center;
    min-height: 44px;
    padding: 10px 18px;
    background: rgba(8, 35, 58, 0.94);
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    font-weight: 700;
}

.rb-tour__legend .is-available::before,
.rb-tour__legend .is-occupied::before,
.rb-tour__legend .is-selected::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 7px;
    border-radius: 2px;
}

.rb-tour__legend .is-available::before {
    background: var(--rb-tour-green);
}

.rb-tour__legend .is-occupied::before {
    background: var(--rb-tour-red);
}

.rb-tour__legend .is-selected::before {
    background: var(--rb-tour-yellow);
}

/* Right-side panels */

.rb-tour__booking-controls,
.rb-tour__stand-list-wrap {
    padding: 22px;
    border: 1px solid var(--rb-tour-border);
    border-radius: 8px;
    background: var(--rb-tour-surface);
}

.rb-tour__booking-controls h3,
.rb-tour__stand-list-wrap h3 {
  margin: 0 0 18px;
  color: #000;
  font-size: 21px;
  line-height: 1.2;
  font-weight: 800;
}

.rb-tour__booking-controls label {
    display: grid;
    gap: 7px;
    margin-bottom: 14px;
    color: var(--rb-tour-text);
    font-size: 14px;
    font-weight: 800;
}

.rb-tour__booking-controls input[type="date"] {
    width: 100%;
    min-height: 50px;
    padding: 10px 13px;
    border: 1px solid var(--rb-tour-border);
    border-radius: 6px;
    background: #fff;
    color: var(--rb-tour-text);
    font: inherit;
    font-weight: 700;
}

/* Shift buttons */

.rb-tour__shift-control {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 14px;
    margin-bottom: 10px;
}
.rb-tour__booking-controls p {
  margin-bottom: 0;
}
.rb-tour__shift-control button {
    min-height: 68px;
    padding: 10px;
    border: 1px solid var(--rb-tour-border);
    border-radius: 6px;
    background: #fff;
    color: var(--rb-tour-text);
    font: inherit;
    font-weight: 800;
    line-height: 1.35;
    cursor: pointer;
}

.rb-tour__shift-control button:hover,
.rb-tour__shift-control button.is-active,
.rb-tour__shift-control button[aria-pressed="true"] {
    border-color: var(--rb-tour-dark);
    background: var(--rb-tour-dark);
    color: #fff;
}

/* Stand list */

.rb-tour__stand-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.rb-tour__stand-list button {
    min-height: 50px;
    padding: 8px;
    border: 1px solid #bfe8d0;
    border-radius: 6px;
    background: #eaf8f0;
    color: #08743c;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.rb-tour__stand-list button:hover {
    transform: translateY(-1px);
}

.rb-tour__stand-list button.is-available {
    border-color: #bfe8d0;
    background: #eaf8f0;
    color: #08743c;
}

.rb-tour__stand-list button.is-occupied {
    border-color: #fecaca;
    background: #fff0f0;
    color: #c32d2d;
    cursor: not-allowed;
}

.rb-tour__stand-list button.is-selected {
    border-color: var(--rb-tour-yellow);
    background: #fff6dc;
    color: #815300;
}

/* Cart */

.rb-tour__cart {
    padding: 22px;
    border-radius: 8px;
    background: var(--rb-tour-dark);
    color: #fff;
}

.rb-tour__cart h3 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 20px;
}

.rb-tour__cart-items {
    display: grid;
    gap: 10px;
    margin: 16px 0;
}

.rb-tour__cart button {
    width: 100%;
    min-height: 50px;
    border: 0;
    border-radius: 6px;
    background: var(--rb-tour-green);
    color: #fff;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
    margin-top: 10px;
}

.rb-tour__cart button:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.rb-tour__message {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 6px;
    background: #edf8f2;
    color: #08743c;
    font-size: 13px;
    font-weight: 800;
}

/* Tablet */

@media (max-width: 1100px) {
    .rb-tour__layout {
        grid-template-columns: 1fr;
    }

    .rb-tour__sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rb-tour__cart {
        grid-column: 1 / -1;
    }
}

/* Mobile */

@media (max-width: 767px) {
    [data-rb-tour] {
        padding: 36px 0px;
    }

    .rb-tour__modes {
        justify-content: flex-start;
        overflow-x: auto;
    }

    .rb-tour__modes button {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .rb-tour__viewer-wrap,
    .rb-tour__viewer {
        height: 68vh;
        min-height: 520px;
        max-height: 680px;
    }

    .rb-tour__viewer-toolbar {
        top: 12px;
        right: 12px;
        left: 62px;
        flex-direction: column;
        align-items: flex-start;
    }

    .rb-tour__viewer-toolbar span {
        min-height: 34px;
        padding: 6px 10px;
        font-size: 11px;
    }

    .rb-tour__stand-panel {
        right: 12px;
        bottom: 58px;
        left: 12px;
        grid-template-columns: 1fr;
        padding: 15px;
    }

    .rb-tour__stand-panel button {
        width: 100%;
    }

    .rb-tour__legend {
        gap: 10px;
        overflow-x: auto;
        white-space: nowrap;
    }

    .rb-tour__sidebar {
        grid-template-columns: 1fr;
    }

    .rb-tour__stand-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.rb-tour__stand-list [data-rb-tour-stand].is-loading {
    opacity: 0.55;
    cursor: wait;
}

.rb-tour__stand-list [data-rb-tour-stand].is-available {
    color: #08783e;
    background: #e8f7ee;
    border-color: #a9dfbe;
}

.rb-tour__stand-list [data-rb-tour-stand].is-occupied {
    color: #b4232c;
    background: #fff0f1;
    border-color: #ffc5c9;
}

.rb-tour__stand-list [data-rb-tour-stand].is-selected {
    outline: 3px solid #12394b;
    outline-offset: 2px;
}

.rb-tour-hotspot.is-loading {
    background: #94a3b8;
}

.rb-tour-hotspot.is-available {
    background: #18a957;
}

.rb-tour-hotspot.is-occupied {
    background: #ef4444;
}

.rb-tour-hotspot[data-rb-tour-hotspot-stand].is-loading {
    background: #94a3b8 !important;
    border-color: #cbd5e1 !important;
}

.rb-tour-hotspot[data-rb-tour-hotspot-stand].is-available {
    background: #16a34a !important;
    border-color: #86efac !important;
    color: #fff !important;
}

.rb-tour-hotspot[data-rb-tour-hotspot-stand].is-occupied {
    background: #ef4444 !important;
    border-color: #fca5a5 !important;
    color: #fff !important;
}

.rb-tour-hotspot[data-rb-tour-hotspot-stand].is-in-cart {
    background: #f59e0b !important;
    border-color: #fcd34d !important;
    color: #071827 !important;
}

.rb-tour-hotspot {
    width: max-content !important;
    min-width: 120px;
    max-width: 220px;
    min-height: 44px;
    padding: 10px 16px !important;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    box-shadow: 0 8px 20px rgba(7, 24, 39, 0.22);
}

.rb-tour-hotspot::after,
.rb-tour-hotspot::before {
    display: none !important;
}

/* Pannellum inserts an extra span for tooltip text. */
.rb-tour-hotspot span {
    position: static !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    font: inherit !important;
    line-height: inherit !important;
    white-space: normal !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media (max-width: 767px) {
    .rb-tour-hotspot {
        min-width: 100px;
        max-width: 170px;
        min-height: 40px;
        padding: 8px 12px !important;
        font-size: 12px;
    }
}
.rb-tour__stand-panel {
    position: absolute;
    z-index: 20;
    left: 24px;
    right: 24px;
    bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 20px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #dbe5ea;
    border-radius: 8px;
    box-shadow: 0 16px 40px rgba(7, 24, 39, 0.22);
    backdrop-filter: blur(12px);
}

.rb-tour__stand-panel[hidden] {
    display: none !important;
}

.rb-tour__stand-panel > div {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.rb-tour__stand-panel strong {
    color: #071827;
    font-size: 18px;
    line-height: 1.3;
}

.rb-tour__stand-panel span {
    color: #587080;
    font-size: 14px;
    line-height: 1.45;
}

.rb-tour__stand-panel button {
    flex: 0 0 auto;
    min-height: 48px;
    padding: 12px 22px;
    border: 0;
    border-radius: 6px;
    background: #18a957;
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.rb-tour__stand-panel button:disabled {
    background: #d8e0e5;
    color: #71818b;
    cursor: not-allowed;
}

.rb-tour__stand-panel.is-occupied {
    border-color: #fecaca;
}

.rb-tour__stand-panel.is-available {
    border-color: #a7dfbd;
}

@media (max-width: 767px) {
    .rb-tour__stand-panel {
        position: static;
        display: grid;
        margin: 12px;
        padding: 16px;
    }

    .rb-tour__stand-panel button {
        width: 100%;
    }
}

.rb-tour__cart-items {
    display: grid;
    gap: 10px;
    margin: 16px 0;
}

.rb-tour__cart-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.07);
}

.rb-tour__cart-item-content {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.rb-tour__cart-item-content strong {
    color: #fff;
    font-size: 15px;
    line-height: 1.35;
}

.rb-tour__cart-item-content span {
    color: #c4d4dd;
    font-size: 13px;
}

.rb-tour__cart-item-content b {
    color: #fff;
    font-size: 14px;
}

.rb-tour__cart-remove {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.rb-tour__cart-remove:hover {
    border-color: #fca5a5;
    background: #ef4444;
}

.rb-tour__stand-list [data-rb-tour-stand].is-in-cart {
    color: #071827 !important;
    background: #fbbf24 !important;
    border-color: #f59e0b !important;
}

.rb-tour-hotspot[data-rb-tour-hotspot-stand].is-in-cart {
    color: #071827 !important;
    background: #f59e0b !important;
    border-color: #fcd34d !important;
}

.rb-tour__message {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
}

.rb-tour__message[hidden] {
    display: none !important;
}

.rb-tour__message.is-success {
    color: #08783e;
    background: #e8f7ee;
    border: 1px solid #a7dfbd;
}

.rb-tour__message.is-error {
    color: #b4232c;
    background: #fff0f1;
    border: 1px solid #fecaca;
}

/* responsive */
@media (max-width: 767px) {
    .rb-platform-qr-box {
        width: 150px;
        height: 150px;
        border-radius: 22px;
        padding: 12px;
    }
    .mobile-menu.mean-container .d-mobile-none{
      display: none;
    }

  .bbp-search-form {
    float: none !important;
  }
  body.bbpress #bbpress-forums.bbpress-wrapper {
    padding: 0px 10px;
  }
  .bp-messages-wrap {
    margin: 0px 10px;
  }
  .hero.hero-slider {
    padding: 0px 10px;
  }
    .rb-contact-section {
        padding: 28px 10px 56px;
    }
    .rb-contact-card {
        padding: 32px 22px 48px;
        border-radius: 14px;
    }

    .rb-contact-heading h1 {
        font-size: 30px;
    }

    .rb-contact-heading p {
        font-size: 16px;
    }

    .rb-form-grid--two {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .rb-contact-next h2 {
        font-size: 27px;
    }

    .rb-contact-next__buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .rb-contact-next__buttons a {
        justify-content: center;
    }
}


@media (max-width: 991px) {
    .lake-gallery-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 280px 150px 150px;
    }

    .lake-gallery-item--large {
        grid-column: span 2;
        grid-row: auto;
    }
}

@media (max-width: 575px) {
    .lake-gallery-grid {
        grid-template-rows: 240px 120px 120px;
        gap: 6px;
    }

    .lake-gallery-lightbox img {
        max-width: 100vw;
        max-height: 82vh;
    }
}

@media (max-width: 640px) {
    .lake-share-modal__dialog {
        margin-top: 4vh;
    }

    .lake-share-options {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
        padding: 22px;
    }

   .lake-share-option span {
      width: 50px;
      height: 50px;
      font-size: 18px;
    }

    .lake-share-link {
        padding: 0 26px 30px;
    }
}


@media (max-width: 991px) {
    .lake-profile-actions {
        justify-content: flex-start;
        max-width: none;
    }

    .lake-spec-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .lake-gallery-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 220px 120px 120px;
    }

    .lake-gallery-grid__item.is-large {
        grid-column: span 2;
        grid-row: span 1;
    }

    .lake-service-grid {
        grid-template-columns: 1fr 1fr;
    }

    .lake-single-hero,
    .lake-single-hero__inner {
        min-height: 420px;
    }

    .lake-single-hero h1 {
        font-size: 38px;
    }

    .lake-single-body__grid {
        grid-template-columns: 1fr;
    }

    .lake-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lake-booking-box {
        position: static;
    }

    .lake-profile-actions {
      justify-content: flex-start;
    }
    .lake-spec-grid--expanded {
        grid-template-columns: 1fr;
    }

    .lake-availability-layout {
        grid-template-columns: 1fr;
    }

    .lake-calendar-legend {
        grid-template-columns: 1fr;
    }

    .lake-book-now-btn {
        margin: 28px 0 0;
        width: 100%;
        justify-content: center;
    }

    .lake-catch-report-grid {
        grid-template-columns: 1fr 1fr;
    }

    .search-map-layout {
        position: relative;
        min-height: calc(100vh - 80px);
    }

    .search-map-list-panel,
    .search-map-map-panel {
        width: 100% !important;
        max-width: 100% !important;
    }

    .search-map-map-panel {
        display: none !important;
    }

    .search-map-layout.is-map-view .search-map-list-panel {
        display: none !important;
    }

    .search-map-layout.is-map-view .search-map-map-panel {
        display: block !important;
    }

    .search-map-map-panel .jet-map-listing,
    .search-map-map-panel .jet-map-listing-map,
    .search-map-map-panel .jet-map {
        min-height: calc(100vh - 25px) !important;
        height: calc(100vh - 25px) !important;
    }

    .search-map-mobile-toggle {
        display: inline-flex;
        position: fixed;
        left: 50%;
        bottom: 18px;
        z-index: 9999;
        transform: translateX(-50%);
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 13px 22px;
        border: 0;
        border-radius: 999px;
        background: #0f172a;
        color: #fff;
        font-size: 15px;
        font-weight: 800;
        line-height: 1;
        box-shadow: 0 14px 34px rgba(15, 23, 42, 0.28);
        cursor: pointer;
    }
  .gm-style .gm-svpc {
    top: 60px !important;
    right: -40px !important;
    left: auto !important;
    bottom: auto !important;
  }

    .lake-map-page {
        display: block;
        height: calc(100vh - 72px);
        position: relative;
    }

    .lake-map-page__list,
    .lake-map-page__map {
        display: none;
        height: 100%;
    }

    .lake-map-page__list.is-active,
    .lake-map-page__map.is-active {
        display: block;
    }

    .lake-map-page__list {
        padding: 16px;
    }

    .map-lake-card {
        grid-template-columns: 1fr;
    }

    .lake-mobile-toggle {
        display: inline-flex;
        position: fixed;
        left: 50%;
        bottom: 18px;
        transform: translateX(-50%);
        z-index: 50;
        border: 0;
        border-radius: 999px;
        padding: 13px 20px;
        background: #111827;
        color: #fff;
        font-weight: 800;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.25);
    }

    .lake-profile-header {
        grid-template-columns: 1fr;
    }

    .lake-profile-header__main,
    .lake-profile-header__tour,
    .lake-profile-actions {
        grid-column: 1;
        justify-self: start;
    }

    .lake-profile-actions {
        justify-content: flex-start;
    }
  .lake-book-now-btn {
      margin-left: 0px;
      width: auto;
  }
}

@media (max-width: 1024px) {
    .lake-catch-report-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .lake-catch-report-section {
        padding: 48px 0 24px;
    }

    .lake-catch-report-grid {
        grid-template-columns: 1fr;
    }

    .lake-catch-report-card__body {
        padding: 18px;
    }

    .lake-catch-report-card h3 {
        font-size: 24px;
    }
}


@media only screen and (max-width: 1199px) {
  .mobile-menu.mean-container .d-lg-none-sidebar {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .hero-button-box .hero-btn {
    font-size: 14px !important;
  }
  div .search-card input::placeholder {
    font-size: 13px;
  }
  div .search-card .smart-search__input {
    min-width: 270px;
    font-size: 14px;
  }
  div .search-card label span {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .lake-card .btn.btn--blue.btn--full{
    font-size: 14px;
  }
  .owner-panel .btn {
    font-size: 13px;
  }
  div .owner-panel li {
    font-size: 12px;
  }
  .elementor-element-12c0158 .jet-search-filter__input-wrapper input::placeholder {
    font-size: 12px;
  }
  .elementor-element-12c0158 .jet-search-filter {
    flex-wrap: nowrap;
  }
  .elementor-element-12c0158 .jet-search-filter__submit {
    min-height: 48px;
    padding: 0 16px;
    font-size: 14px;
  }
  .map-legends {
    right: 10px;
    bottom: -175px;
  }
  .map-bounds-toggle {
    left: 10px;
    top: 60px;
    font-size: 14px;
  }
  .lake-rating-price-wrapper {
    flex-direction: column;
  }
  .lake-profile-actions {
    justify-content: left;
  }
  .rb-search-map-layout {
      gap: 18px;
  }

  div .rb-search-map-map,
  .admin-bar .rb-search-map-map {
      height: 500px;
      min-height: 500px;
  }

  .rb-search-map-map .jet-map-listing,
  .rb-search-map-map .jet-map-listing__map,
  .rb-search-map-map .jet-map-listing__map-canvas {
      min-height: 440px;
  }
}

.bp-messages-wrap svg {
    display: inline-block;
}

/* --------------------------------------------------------------------------
   Blog listing (/noutati/)
   -------------------------------------------------------------------------- */
body.blog .fb-blog-listing,
body.archive .fb-blog-listing {
  --fb-blog-ink: #0b1f2e;
  --fb-blog-muted: #5c7386;
  --fb-blog-line: rgba(11, 31, 46, 0.1);
  --fb-blog-surface: #ffffff;
  --fb-blog-accent: var(--e-global-color-accent, #2f9e5b);
  --fb-blog-water: #0f6a93;

  background:
    radial-gradient(ellipse 70% 40% at 0% 0%, rgba(47, 158, 91, 0.08), transparent 55%),
    radial-gradient(ellipse 50% 35% at 100% 10%, rgba(15, 106, 147, 0.08), transparent 50%),
    #f4f8fb;
  padding-top: 48px;
  padding-bottom: 72px;
  color: var(--fb-blog-ink);
}

body.blog .fb-blog-listing .container,
body.archive .fb-blog-listing .container {
  max-width: 980px;
}

.fb-blog-listing__header {
  margin: 0 0 40px;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--fb-blog-line);
  text-align: center;
}

.fb-blog-listing__eyebrow {
  margin: 0 0 10px;
  color: var(--fb-blog-water);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.fb-blog-listing__title {
  margin: 0 0 12px;
  color: var(--fb-blog-ink);
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.fb-blog-listing__intro {
  margin: 0 auto;
  max-width: 36rem;
  color: var(--fb-blog-muted);
  font-size: 1.05rem;
  line-height: 1.6;
}

.fb-blog-listing__feed {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

body.blog .fb-blog-listing .wpr-postbox-single.blog-4__item,
body.archive .fb-blog-listing .wpr-postbox-single.blog-4__item {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.2fr);
  gap: 0;
  align-items: stretch;
  margin: 0 !important;
  overflow: hidden;
  background: var(--fb-blog-surface);
  border: 1px solid var(--fb-blog-line);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(11, 31, 46, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.blog .fb-blog-listing .wpr-postbox-single.blog-4__item:hover,
body.archive .fb-blog-listing .wpr-postbox-single.blog-4__item:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(11, 31, 46, 0.1);
}

body.blog .fb-blog-listing .wpr-postbox-single .thumb,
body.archive .fb-blog-listing .wpr-postbox-single .thumb {
  min-height: 100%;
}

body.blog .fb-blog-listing .wpr-postbox-thumb,
body.archive .fb-blog-listing .wpr-postbox-thumb {
  height: 100%;
  min-height: 240px;
  margin: 0;
  overflow: hidden;
  background: #d9e6ef;
}

body.blog .fb-blog-listing .wpr-postbox-thumb a,
body.archive .fb-blog-listing .wpr-postbox-thumb a {
  display: block;
  height: 100%;
}

body.blog .fb-blog-listing .wpr-postbox-thumb img,
body.archive .fb-blog-listing .wpr-postbox-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 240px;
  object-fit: cover;
  transition: transform 0.45s ease;
}

body.blog .fb-blog-listing .wpr-postbox-single:hover .wpr-postbox-thumb img,
body.archive .fb-blog-listing .wpr-postbox-single:hover .wpr-postbox-thumb img {
  transform: scale(1.04);
}

body.blog .fb-blog-listing .wpr-postbox-content,
body.archive .fb-blog-listing .wpr-postbox-content {
  display: flex;
  align-items: center;
  padding: 28px 28px 28px 24px;
}

body.blog .fb-blog-listing .wpr-postbox-content .content,
body.archive .fb-blog-listing .wpr-postbox-content .content {
  width: 100%;
}

body.blog .fb-blog-listing .meta,
body.archive .fb-blog-listing .meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  margin: 0 0 14px;
  color: var(--fb-blog-muted);
  font-size: 0.875rem;
}

body.blog .fb-blog-listing .meta .tag,
body.archive .fb-blog-listing .meta .tag {
  color: var(--fb-blog-water);
  font-weight: 700;
  text-decoration: none;
}

body.blog .fb-blog-listing .meta .tag:hover,
body.archive .fb-blog-listing .meta .tag:hover {
  color: var(--fb-blog-accent);
}

body.blog .fb-blog-listing .meta .date,
body.archive .fb-blog-listing .meta .date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

body.blog .fb-blog-listing .title,
body.archive .fb-blog-listing .title {
  margin: 0 0 12px !important;
  font-size: clamp(1.25rem, 2.2vw, 1.55rem);
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.015em;
}

body.blog .fb-blog-listing .title a,
body.archive .fb-blog-listing .title a {
  color: var(--fb-blog-ink);
  text-decoration: none;
}

body.blog .fb-blog-listing .title a:hover,
body.archive .fb-blog-listing .title a:hover {
  color: var(--fb-blog-water);
}

body.blog .fb-blog-listing .wpr-postbox-text,
body.archive .fb-blog-listing .wpr-postbox-text {
  margin: 0 0 20px;
  color: var(--fb-blog-muted);
  font-size: 0.98rem;
  line-height: 1.65;
}

body.blog .fb-blog-listing .bottom_button .ui-btn,
body.archive .fb-blog-listing .bottom_button .ui-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid var(--fb-blog-line);
  border-radius: 999px;
  background: transparent;
  color: var(--fb-blog-ink);
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.blog .fb-blog-listing .bottom_button .ui-btn:hover,
body.archive .fb-blog-listing .bottom_button .ui-btn:hover {
  background: var(--fb-blog-accent);
  border-color: var(--fb-blog-accent);
  color: #fff;
}

body.blog .fb-blog-listing .fb-blog-listing__pagination,
body.archive .fb-blog-listing .fb-blog-listing__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 36px;
  padding-top: 4px;
}

body.blog .fb-blog-listing .fb-blog-listing__pagination ul,
body.archive .fb-blog-listing .fb-blog-listing__pagination ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.blog .fb-blog-listing .fb-blog-listing__pagination li,
body.archive .fb-blog-listing .fb-blog-listing__pagination li {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.blog .fb-blog-listing .fb-blog-listing__pagination .page-numbers,
body.archive .fb-blog-listing .fb-blog-listing__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid var(--fb-blog-line);
  border-radius: 12px;
  background: var(--fb-blog-surface);
  color: var(--fb-blog-ink);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(11, 31, 46, 0.04);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.blog .fb-blog-listing .fb-blog-listing__pagination .page-numbers.prev,
body.blog .fb-blog-listing .fb-blog-listing__pagination .page-numbers.next,
body.archive .fb-blog-listing .fb-blog-listing__pagination .page-numbers.prev,
body.archive .fb-blog-listing .fb-blog-listing__pagination .page-numbers.next {
  min-width: 48px;
  color: var(--fb-blog-water);
}

body.blog .fb-blog-listing .fb-blog-listing__pagination .page-numbers.dots,
body.archive .fb-blog-listing .fb-blog-listing__pagination .page-numbers.dots {
  min-width: auto;
  padding: 0 6px;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--fb-blog-muted);
  pointer-events: none;
}

body.blog .fb-blog-listing .fb-blog-listing__pagination a.page-numbers:hover,
body.archive .fb-blog-listing .fb-blog-listing__pagination a.page-numbers:hover {
  background: var(--fb-blog-water);
  border-color: var(--fb-blog-water);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(15, 106, 147, 0.2);
}

body.blog .fb-blog-listing .fb-blog-listing__pagination .page-numbers.current,
body.archive .fb-blog-listing .fb-blog-listing__pagination .page-numbers.current {
  background: var(--fb-blog-water);
  border-color: var(--fb-blog-water);
  color: #fff;
  box-shadow: 0 10px 22px rgba(15, 106, 147, 0.22);
}

@media (max-width: 767px) {
  body.blog .fb-blog-listing,
  body.archive .fb-blog-listing {
    padding-top: 28px;
    padding-bottom: 48px;
  }

  .fb-blog-listing__header {
    margin-bottom: 28px;
    text-align: left;
  }

  body.blog .fb-blog-listing .wpr-postbox-single.blog-4__item,
  body.archive .fb-blog-listing .wpr-postbox-single.blog-4__item {
    grid-template-columns: 1fr;
  }

  body.blog .fb-blog-listing .wpr-postbox-thumb,
  body.blog .fb-blog-listing .wpr-postbox-thumb img,
  body.archive .fb-blog-listing .wpr-postbox-thumb,
  body.archive .fb-blog-listing .wpr-postbox-thumb img {
    min-height: 200px;
    max-height: 220px;
  }

  body.blog .fb-blog-listing .wpr-postbox-content,
  body.archive .fb-blog-listing .wpr-postbox-content {
    padding: 20px;
  }
}


/* Elementor Single Lake flush layout */
.elementor-2061.elementor-location-single .e-con,
.elementor-2061.elementor-location-single .e-con > .e-con-inner {
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --gap: 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --widgets-spacing: 0px;
  --widgets-spacing-row: 0px;
  --widgets-spacing-column: 0px;
}

.elementor-2061 .lake-single,
.elementor-2061.elementor-location-single .lake-single {
  width: 100%;
}

/* Width comes from Elementor boxed containers (1200px), not HTML .container */
.elementor-2061 .e-con-boxed > .e-con-inner {
  max-width: 1200px;
}

.lake-content-width {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  box-sizing: border-box;
}

/* PHP fallback: keep section backgrounds full-bleed, constrain content */
.lake-single--php .lake-quick-facts-section,
.lake-single--php .lake-drone-section,
.lake-single--php .lake-virtual-tour-section,
.lake-single--php .lake-spec-section,
.lake-single--php .lake-description-section,
.lake-single--php .lake-facilities-section,
.lake-single--php .lake-rules-section,
.lake-single--php .lake-availability-section,
.lake-single--php .lake-catch-submit-section,
.lake-single--php .lake-catch-report-section,
.lake-single--php .lake-single-map-section {
  padding-left: max(15px, calc((100% - 1200px) / 2));
  padding-right: max(15px, calc((100% - 1200px) / 2));
}

/* Container bands own background; section fill stays transparent so colors abut flush */
.elementor-2061 .lake-profile-top .lake-profile-header,
.elementor-2061 .lake-el-band--quick .lake-quick-facts-section,
.elementor-2061 .lake-el-band--tour .lake-drone-section,
.elementor-2061 .lake-el-band--tour .lake-virtual-tour-section,
.elementor-2061 .lake-el-band--content .lake-spec-section,
.elementor-2061 .lake-el-band--content .lake-description-section,
.elementor-2061 .lake-el-band--content .lake-facilities-section,
.elementor-2061 .lake-el-band--content .lake-rules-section,
.elementor-2061 .lake-el-band--booking .lake-availability-section,
.elementor-2061 .lake-el-band--catch-form .lake-catch-submit-section,
.elementor-2061 .lake-el-band--bottom .lake-catch-reports-section,
.elementor-2061 .lake-el-band--bottom .lake-catch-report-section,
.elementor-2061 .lake-el-band--bottom .lake-single-map-section {
  background: transparent;
}

.elementor-2061 .elementor-widget {
  margin: 0;
}

/* Lake anchor scroll offset (sticky/Elementor header clearance) */
#lake-rules-sections,
#lake-map,
#lake-drone-view,
#lake-360-view,
#lake-booking,
#reviews {
  scroll-margin-top: 130px;
}

@media (max-width: 767px) {
  #lake-rules-sections,
  #lake-map,
  #lake-drone-view,
  #lake-360-view,
  #lake-booking,
  #reviews {
    scroll-margin-top: 100px;
  }
}

/* Unified lake widget vertical spacing */
.elementor-2061,
.lake-single--php {
  --lake-section-space: 48px;
}

.elementor-2061 .lake-profile-top,
.lake-single--php .lake-profile-top {
  padding-top: 0;
  padding-bottom: 0;
}

.elementor-2061 .lake-profile-header,
.elementor-2061 .lake-profile-gallery,
.elementor-2061 .lake-quick-facts-section,
.elementor-2061 .lake-drone-section,
.elementor-2061 .lake-virtual-tour-section,
.elementor-2061 .lake-spec-section,
.elementor-2061 .lake-description-section,
.elementor-2061 .lake-facilities-section,
.elementor-2061 .lake-rules-section,
.elementor-2061 .lake-availability-section,
.elementor-2061 .lake-catch-submit-section,
.elementor-2061 .lake-catch-report-section,
.elementor-2061 .lake-catch-reports-section,
.elementor-2061 .lake-single-map-section,
.elementor-2061 .lake-back-home-wrap,
.lake-single--php .lake-profile-header,
.lake-single--php .lake-profile-gallery,
.lake-single--php .lake-quick-facts-section,
.lake-single--php .lake-drone-section,
.lake-single--php .lake-virtual-tour-section,
.lake-single--php .lake-spec-section,
.lake-single--php .lake-description-section,
.lake-single--php .lake-facilities-section,
.lake-single--php .lake-rules-section,
.lake-single--php .lake-availability-section,
.lake-single--php .lake-catch-submit-section,
.lake-single--php .lake-catch-report-section,
.lake-single--php .lake-catch-reports-section,
.lake-single--php .lake-single-map-section,
.lake-single--php .lake-back-home-wrap {
  padding-top: var(--lake-section-space);
  padding-bottom: var(--lake-section-space);
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .elementor-2061,
  .lake-single--php {
    --lake-section-space: 36px;
  }

  .elementor-2061 .lake-virtual-tour-section,
  .lake-single--php .lake-virtual-tour-section {
    padding-left: 14px;
    padding-right: 14px;
  }
}