/* Sunny Getaway — единое оформление внутренних страниц.
   Фон, шапка, подвал и типографика — как на главной витрине.
   Содержимое кладём светлым листом поверх тёмного фона: календарь и форма
   бронирования MotoPress рассчитаны на светлую подложку, ломать их нельзя.
   Файл грузится только вне главной (front-page.php самодостаточен). */

:root{
  --sg-ground:#0b2f45; --sg-deep:#082234; --sg-panel:#0e3040;
  --sg-paper:#fffdf7;  --sg-sand:#f7f1e4;  --sg-line-dark:#1e4a5e; --sg-line:#e6dcc6;
  --sg-ink:#0f2e3d;    --sg-ink-soft:#405864; --sg-muted:#7a8f96;
  --sg-cream:#f2ede0;  --sg-cream-soft:#bcccd3;
  --sg-gulf:#0e6d94;   --sg-gulf-2:#1489b4;  --sg-brass:#d0912f; --sg-brass-2:#e6b055;
  --sg-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sg-sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

/* ---------- фон: тот же, что на главной ---------- */
body{
  background-color:var(--sg-ground);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 300'%3E%3Cg fill='%23dff3ff' fill-opacity='.11'%3E%3Cpath d='M118 300C112 240 114 190 124 150 126 142 130 140 134 144 126 190 124 240 132 300Z'/%3E%3Cpath d='M128 146C100 120 62 116 30 136 60 128 96 134 128 158Z'/%3E%3Cpath d='M128 146C156 120 194 116 226 136 196 128 160 134 128 158Z'/%3E%3Cpath d='M128 146C108 110 104 72 118 40 112 76 120 110 136 146Z'/%3E%3Cpath d='M128 146C148 110 152 72 138 40 144 76 136 110 122 146Z'/%3E%3Cpath d='M128 146C96 140 66 156 48 186 72 162 100 154 130 160Z'/%3E%3Cpath d='M128 146C160 140 190 156 208 186 184 162 156 154 126 160Z'/%3E%3Cpath d='M128 146C124 106 132 72 150 52 136 78 132 110 134 146Z'/%3E%3Ccircle cx='124' cy='150' r='5'/%3E%3Ccircle cx='134' cy='152' r='4'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 300'%3E%3Cg fill='%23dff3ff' fill-opacity='.07'%3E%3Cpath d='M118 300C112 240 114 190 124 150 126 142 130 140 134 144 126 190 124 240 132 300Z'/%3E%3Cpath d='M128 146C100 120 62 116 30 136 60 128 96 134 128 158Z'/%3E%3Cpath d='M128 146C156 120 194 116 226 136 196 128 160 134 128 158Z'/%3E%3Cpath d='M128 146C108 110 104 72 118 40 112 76 120 110 136 146Z'/%3E%3Cpath d='M128 146C148 110 152 72 138 40 144 76 136 110 122 146Z'/%3E%3Cpath d='M128 146C96 140 66 156 48 186 72 162 100 154 130 160Z'/%3E%3Cpath d='M128 146C160 140 190 156 208 186 184 162 156 154 126 160Z'/%3E%3Cpath d='M128 146C124 106 132 72 150 52 136 78 132 110 134 146Z'/%3E%3Ccircle cx='124' cy='150' r='5'/%3E%3Ccircle cx='134' cy='152' r='4'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(120% 70% at 85% -10%, rgba(240,170,74,.16) 0%, rgba(240,170,74,0) 55%),
    linear-gradient(180deg,#0e5478 0%,#0b2f45 42%,#082234 100%);
  background-size:380px 475px, 250px 312px, auto, auto;
  background-position:0 0, 190px 140px, 0 0, 0 0;
  background-repeat:repeat, repeat, no-repeat, no-repeat;
  background-attachment:fixed, fixed, fixed, fixed;
  color:var(--sg-cream);
  font-family:var(--sg-sans);
}
#page.site,#content,#content.site-content{background:transparent!important}

/* ---------- шапка ---------- */
.site-header{
  background:rgba(8,34,52,.92)!important;
  border-bottom:1px solid var(--sg-line-dark);
  padding:14px 22px!important;
  backdrop-filter:blur(8px);
}
/* старый логотип-пальма убираем, вместо него наш круглый знак */
.site-header .custom-logo-link{display:none!important}
.site-branding{display:flex!important;align-items:center;gap:11px;
  position:static!important;clip:auto!important;clip-path:none!important;
  width:auto!important;height:auto!important;min-height:34px;overflow:visible!important}
.site-title{position:static!important;clip:auto!important;clip-path:none!important;
  width:auto!important;height:auto!important;overflow:visible!important;
  margin:0!important;font-family:var(--sg-serif)!important;font-size:22px!important;
  font-weight:600!important;line-height:1!important;display:flex;align-items:center;gap:11px}
.site-title::before{
  content:"";width:30px;height:30px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 34% 30%,var(--sg-gulf-2),var(--sg-gulf) 55%,#0b2f45 120%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.5);
}
.site-title a{color:var(--sg-cream)!important;text-decoration:none!important}
.site-description{display:none!important}

.main-navigation a{color:var(--sg-cream-soft)!important;font-weight:600!important;
  font-size:14px!important;font-family:var(--sg-sans)!important;text-transform:none!important}
.main-navigation a:hover,.main-navigation .current-menu-item>a{color:var(--sg-brass-2)!important}
.main-navigation ul ul{background:var(--sg-panel)!important;border:1px solid var(--sg-line-dark)!important}

/* старая шапка-баннер прежнего сайта */
.custom-header,#masthead+.custom-header,.site-header-image{display:none!important}

/* ---------- содержимое: светлый лист поверх фона ---------- */
/* шапка закреплена сверху (position:fixed, 84px) — освобождаем под неё место,
   иначе заголовок страницы уезжает под неё */
#content.site-content{padding:120px 20px 60px!important;max-width:1180px;margin:0 auto}
@media(max-width:782px){#content.site-content{padding-top:104px!important}}
#main.site-main>article,
#main.site-main>.page,
#main.site-main>.type-page,
#main.site-main>section.error-404,
#main.site-main>.mphb_sc_account{
  background:var(--sg-paper);
  color:var(--sg-ink);
  border:1px solid var(--sg-line);
  border-radius:18px;
  box-shadow:0 18px 48px -22px rgba(6,24,34,.55);
  padding:clamp(20px,3.4vw,40px);
  margin-bottom:26px;
}
#main.site-main article,#main.site-main .page{overflow:hidden}
#main.site-main article *,#main.site-main .page *{color:inherit}
.entry-title,.page-title,.entry-content h1,.entry-content h2,.entry-content h3,
.mphb-details-title,.mphb-calendar-title,.mphb-reservation-form-title{
  font-family:var(--sg-serif)!important;color:var(--sg-ink)!important;font-weight:500!important;
  letter-spacing:-.01em;line-height:1.12;text-wrap:balance;
}
.entry-title,.page-title{font-size:clamp(28px,4vw,42px)!important;margin:0 0 .5em!important}
.entry-content,.entry-content p,.entry-content li{color:var(--sg-ink-soft);font-size:16px;line-height:1.65}
.entry-content a{color:var(--sg-gulf)}
.entry-content a:hover{color:var(--sg-gulf-2)}
.post-thumbnail img,.mphb-room-type-images img{border-radius:12px}

/* кнопки — как на витрине */
.mphb-button,.mphb_sc_room-book-button,button[type=submit],input[type=submit],
.mphb-booking-form button,.entry-content .wp-block-button__link{
  background:var(--sg-gulf)!important;color:#fff!important;border:none!important;
  border-radius:999px!important;padding:13px 26px!important;font-weight:800!important;
  font-family:var(--sg-sans)!important;letter-spacing:.01em;cursor:pointer;
}
.mphb-button:hover,button[type=submit]:hover,input[type=submit]:hover{background:var(--sg-gulf-2)!important}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=search],
input[type=password],select,textarea{
  border:1.5px solid var(--sg-line)!important;border-radius:10px!important;
  background:#fff!important;color:var(--sg-ink)!important;padding:11px 13px!important;
}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--sg-gulf)!important}

/* ---------- боковая колонка ---------- */
#secondary.widget-area{background:transparent!important}
#secondary .widget{
  background:var(--sg-panel);border:1px solid var(--sg-line-dark);border-radius:16px;
  padding:20px;margin-bottom:18px;color:var(--sg-cream-soft);
}
#secondary .widget-title{font-family:var(--sg-serif)!important;color:var(--sg-cream)!important;
  font-size:19px!important;margin:0 0 12px!important}
#secondary a{color:var(--sg-cream-soft)}
#secondary a:hover{color:var(--sg-brass-2)}

/* ---------- подвал ---------- */
.site-footer{background:var(--sg-deep)!important;border-top:1px solid var(--sg-line-dark);
  color:var(--sg-cream-soft)!important;padding:40px 20px 34px!important}
.site-footer a{color:var(--sg-cream-soft)!important}
.site-footer a:hover{color:var(--sg-brass-2)!important}
.site-footer .widget-title,.site-footer h2,.site-footer h3{
  font-size:12px!important;letter-spacing:.16em;text-transform:uppercase;
  color:var(--sg-brass-2)!important;font-weight:700!important}
.site-info{color:var(--sg-muted)!important;font-size:12.5px}

/* ---------- мелочи ---------- */
.navigation.post-navigation{background:transparent!important;border:none!important;
  box-shadow:none!important;padding:0!important}
.navigation.post-navigation .nav-links a,
.navigation.post-navigation .nav-links a span,
.nav-links a,.nav-previous a,.nav-next a{
  color:var(--sg-cream)!important;font-weight:700!important;text-decoration:none!important;
  font-family:var(--sg-sans)!important;font-size:15px!important}
.navigation.post-navigation .nav-links a:hover,.nav-links a:hover{color:var(--sg-brass-2)!important}
.navigation.post-navigation .nav-links{display:flex;justify-content:space-between;gap:18px;
  padding:18px 4px 4px;border-top:1px solid var(--sg-line-dark);margin-top:6px}
.addtoany_header{color:var(--sg-ink-soft)}
::selection{background:var(--sg-brass-2);color:#20160a}
@media(max-width:782px){
  .site-header{padding:12px 16px!important}
  #content.site-content{padding:22px 12px 44px!important}
}