/* Odessa sea theme overrides. Added carefully without removing site content. */
:root {
  --odesa-night: #061d34;
  --odesa-deep: #082c43;
  --odesa-sea: #0fa9bd;
  --odesa-aqua: #35d3d8;
  --odesa-sand: #f4c96a;
  --odesa-foam: #eafaff;
  --odesa-glass: rgba(8, 44, 67, 0.88);
  --mfn-button-theme-bg: #0fa9bd;
  --mfn-button-theme-bg-hover: #35d3d8;
  --mfn-button-theme-color: #061d34;
  --mfn-button-theme-color-hover: #061d34;
  --mfn-button-theme-icon-color: #f4c96a;
  --mfn-button-theme-icon-color-hover: #061d34;
}

html,
body,
#Wrapper,
#Content,
#Header_wrapper,
#Intro,
.mfn-popup .mfn-popup-content,
.mfn-off-canvas-sidebar .mfn-off-canvas-content-wrapper,
.mfn-cart-holder,
.mfn-header-login,
#Top_bar .search_wrapper,
#Top_bar .top_bar_right .mfn-live-search-box,
.column_livesearch .mfn-live-search-wrapper,
.column_livesearch .mfn-live-search-box {
  background-color: var(--odesa-night) !important;
}

body {
  color: var(--odesa-foam) !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(53, 211, 216, 0.18), transparent 34%),
    radial-gradient(circle at 78% 8%, rgba(244, 201, 106, 0.12), transparent 28%),
    linear-gradient(180deg, #061d34 0%, #082c43 50%, #041526 100%) !important;
}

/* Main hero: Odessa / sea / evening port mood */
section.mcb-section-74krmk1m {
  background-image:
    linear-gradient(180deg, rgba(6, 29, 52, 0.38) 0%, rgba(6, 29, 52, 0.58) 100%),
    linear-gradient(90deg, rgba(4, 21, 38, 0.74) 0%, rgba(6, 29, 52, 0.42) 48%, rgba(8, 44, 67, 0.48) 100%),
    url("odessa-opera-house.jpg") !important;
  background-position: center 34% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

section.mcb-section-74krmk1m .mcb-background-overlay {
  background-image:
    radial-gradient(circle at 14% 24%, rgba(244, 201, 106, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(53, 211, 216, 0.10), rgba(244, 201, 106, 0.08)) !important;
  background-color: transparent !important;
  opacity: 0.52 !important;
}

/* Header glass effect */
section.mcb-section-4b9n4mice .mcb-section-inner,
section.mcb-section-urbmemh3 .mcb-section-inner,
#Top_bar,
#Header_wrapper {
  background-color: rgba(6, 29, 52, 0.84) !important;
  border-color: rgba(53, 211, 216, 0.45) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.24) !important;
  backdrop-filter: blur(12px) !important;
}

#menu > ul > li > a,
#overlay-menu ul li a,
.mfn-header-menu .mfn-menu-link,
.mfn-footer-menu a {
  color: var(--odesa-foam) !important;
}

#menu > ul > li > a:hover,
#overlay-menu ul li a:hover,
.mfn-header-menu .mfn-menu-link:hover,
.mfn-footer-menu a:hover,
a:hover {
  color: var(--odesa-sand) !important;
}

/* Recolor purple accents to sea + sand */
a,
.mcb-section .mcb-wrap .mcb-item-vtrb5ws4 .title,
.mcb-section .mcb-wrap .mcb-item-vtrb5ws4 .title a,
.mcb-section .mcb-wrap .mfn-icon-box .icon-wrapper i,
.timeline_items li h3 span,
.counter .number-wrapper .number,
.counter .number-wrapper .postfix {
  color: var(--odesa-aqua) !important;
}

h1 .title,
h2 .title,
h3 .title,
h1,
h2,
h3,
.title {
  color: var(--odesa-foam);
}

strong,
b,
.counter .title,
.mfn-icon-box .title,
.timeline_items li h3 span {
  color: var(--odesa-sand) !important;
}

/* Cards and information blocks */
.mcb-section .mcb-wrap-db3b61113 .mcb-wrap-inner-db3b61113,
.mcb-section .mcb-wrap-fi50ja02 .mcb-wrap-inner-fi50ja02,
.mcb-section .mcb-wrap-av9f2d1h .mcb-wrap-inner-av9f2d1h,
.mcb-section .mcb-wrap-n3cdsjtq .mcb-wrap-inner-n3cdsjtq,
.mcb-section .mcb-wrap-0c88hdi .mcb-wrap-inner-0c88hdi,
.mcb-section .mcb-wrap-jhy44px .mcb-wrap-inner-jhy44px,
.mcb-section .mcb-wrap-c9c60f662 .mcb-wrap-inner-c9c60f662,
.mcb-section .mcb-wrap-8nnyu7og .mcb-wrap-inner-8nnyu7og,
.mcb-section .mcb-wrap-6ayswqrlq .mcb-wrap-inner-6ayswqrlq,
.mcb-section .mcb-wrap-syvioupy .mcb-wrap-inner-syvioupy,
.mcb-section .mcb-wrap-io7b956s .mcb-wrap-inner-io7b956s,
.mcb-section .mcb-wrap-yxphxbhl .mcb-wrap-inner-yxphxbhl,
.mcb-section .mcb-wrap-u2t0ur9j .mcb-wrap-inner-u2t0ur9j {
  background:
    linear-gradient(180deg, rgba(8, 44, 67, 0.92), rgba(6, 29, 52, 0.86)) !important;
  border: 1px solid rgba(53, 211, 216, 0.38) !important;
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.22) !important;
}

.mcb-section .mcb-wrap-av9f2d1h .mcb-wrap-inner-av9f2d1h,
.mcb-section .mcb-wrap-n3cdsjtq .mcb-wrap-inner-n3cdsjtq {
  background:
    linear-gradient(135deg, rgba(15, 169, 189, 0.95), rgba(6, 75, 96, 0.96)) !important;
  border-color: rgba(244, 201, 106, 0.48) !important;
}

.mcb-section .mcb-wrap .mfn-icon-box {
  border-color: rgba(53, 211, 216, 0.58) !important;
}

.mcb-section .mcb-wrap .mcb-item-63stf2z8 .timeline_items li h3,
.mcb-section .mcb-wrap .mcb-item-63stf2z8 .timeline_items li .desc,
.timeline_items li h3,
.timeline_items li .desc {
  border-color: rgba(53, 211, 216, 0.58) !important;
}

/* Forms */
input[type="date"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="url"],
textarea,
select,
.dark input[type="date"],
.dark input[type="text"],
.dark input[type="password"],
.dark input[type="tel"],
.dark input[type="email"],
.dark input[type="url"],
.dark textarea,
.dark select {
  color: var(--odesa-foam) !important;
  background-color: rgba(6, 29, 52, 0.92) !important;
  border-color: rgba(53, 211, 216, 0.55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--odesa-sand) !important;
  background-color: rgba(8, 44, 67, 0.98) !important;
  box-shadow: 0 0 0 3px rgba(244, 201, 106, 0.16) !important;
}

::-webkit-input-placeholder { color: rgba(234, 250, 255, 0.68) !important; }
::-moz-placeholder { color: rgba(234, 250, 255, 0.68) !important; }
:-ms-input-placeholder { color: rgba(234, 250, 255, 0.68) !important; }
::placeholder { color: rgba(234, 250, 255, 0.68) !important; }

/* Buttons: sea base + warm Odessa sun accent */
.button,
button,
input[type="submit"],
.wpcf7-submit,
.mfn-button,
.wp-element-button,
a.button_theme,
button.button_theme {
  color: #061d34 !important;
  background: linear-gradient(135deg, var(--odesa-sand), var(--odesa-aqua)) !important;
  border-color: rgba(244, 201, 106, 0.58) !important;
  box-shadow: 0 14px 32px rgba(15, 169, 189, 0.24) !important;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.wpcf7-submit:hover,
.mfn-button:hover,
.wp-element-button:hover,
a.button_theme:hover,
button.button_theme:hover {
  color: #061d34 !important;
  background: linear-gradient(135deg, var(--odesa-aqua), var(--odesa-sand)) !important;
  box-shadow: 0 18px 44px rgba(244, 201, 106, 0.22) !important;
}

/* Secondary sections: lighter sea depth instead of flat purple */
section.mcb-section-puwpb2nh,
section.mcb-section-b51022861,
section.mcb-section-z58f1wdcv,
section.mcb-section-c68ytcd,
section.mcb-section-p7a1kyw {
  background-color: var(--odesa-night) !important;
}

section.mcb-section-puwpb2nh {
  background-image:
    linear-gradient(180deg, rgba(6,29,52,0.78), rgba(8,44,67,0.92)),
    url("Дизайн-без-названия-39.png") !important;
  background-position: center center !important;
  background-size: cover !important;
}

section.mcb-section-b51022861,
section.mcb-section-z58f1wdcv,
section.mcb-section-c68ytcd {
  background-image:
    radial-gradient(circle at 10% 0%, rgba(53, 211, 216, 0.08), transparent 36%),
    radial-gradient(circle at 90% 14%, rgba(244, 201, 106, 0.07), transparent 30%) !important;
}

#Footer,
.mfn-footer,
section.mcb-section-p7a1kyw {
  background: linear-gradient(180deg, #082c43, #041526) !important;
  border-top: 1px solid rgba(53, 211, 216, 0.28) !important;
}

hr,
.divider,
.mfn-divider-inner {
  border-color: rgba(53, 211, 216, 0.34) !important;
  --mfn-divider-border-color: rgba(53, 211, 216, 0.34) !important;
}

@media (max-width: 767px) {
  section.mcb-section-74krmk1m {
    background-position: 60% 32% !important;
    background-attachment: scroll !important;
  }
}


/* Step 5: align header and join-form colors with the Odessa sea design */
.mcb-section .mcb-wrap-f1idujwsg .mcb-wrap-inner-f1idujwsg,
.mcb-section .mcb-wrap-zsne0pt .mcb-wrap-inner-zsne0pt {
  background: linear-gradient(135deg, rgba(7, 34, 56, 0.96), rgba(8, 44, 67, 0.92)) !important;
  border: 1px solid rgba(53, 211, 216, 0.44) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.mcb-section .mcb-wrap .mcb-item-t5efqedb .logo-wrapper,
.mcb-section .mcb-wrap .mcb-item-6g1hl0bo .logo-wrapper {
  filter: drop-shadow(0 0 14px rgba(53, 211, 216, 0.10));
}

.mcb-section .mcb-wrap-rk411t3y .mcb-wrap-inner-rk411t3y,
.mcb-section .mcb-wrap-db3b61113 .mcb-wrap-inner-db3b61113 {
  background:
    linear-gradient(180deg, rgba(7, 34, 56, 0.90), rgba(6, 29, 52, 0.84)) !important;
  border: 1px solid rgba(53, 211, 216, 0.40) !important;
  box-shadow: 0 26px 56px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(10px) !important;
}

.mcb-section .mcb-wrap .mcb-item-tph1ktal .title,
.mcb-section .mcb-wrap .mcb-item-dslbrfus .title,
.mcb-section .mcb-wrap .mcb-item-69140f59d .title {
  color: var(--odesa-foam) !important;
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

.mcb-section .mcb-wrap .mcb-item-dslbrfus .title,
.mcb-section .mcb-wrap .mcb-item-69140f59d .title {
  color: #dff7fb !important;
}

.mcb-section .mcb-wrap .mcb-item-tph1ktal .title strong,
.mcb-section .mcb-wrap .mcb-item-tph1ktal .title em,
.mcb-section .mcb-wrap .mcb-item-tph1ktal .title mark {
  color: var(--odesa-sand) !important;
}

.mcb-section .mcb-wrap .mcb-item-ny7iljxk form input:not(.wpcf7-submit),
.mcb-section .mcb-wrap .mcb-item-a42f72cbb form input:not(.wpcf7-submit),
.mcb-section .mcb-wrap .mcb-item-ny7iljxk form textarea,
.mcb-section .mcb-wrap .mcb-item-a42f72cbb form textarea {
  background: linear-gradient(135deg, rgba(5, 28, 49, 0.96), rgba(8, 44, 67, 0.92)) !important;
  border: 1px solid rgba(53, 211, 216, 0.46) !important;
}


/* Step 6: fix header corner artifacts and replace Odessa background with Odessa port aerial */
section.mcb-section-4b9n4mice,
section.mcb-section-urbmemh3,
section.mcb-section-4b9n4mice .mcb-background-overlay,
section.mcb-section-urbmemh3 .mcb-background-overlay,
section.mcb-section-4b9n4mice .section_wrapper,
section.mcb-section-urbmemh3 .section_wrapper,
section.mcb-section-4b9n4mice .mcb-section-inner,
section.mcb-section-urbmemh3 .mcb-section-inner {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.mcb-section .mcb-wrap-f1idujwsg .mcb-wrap-inner-f1idujwsg,
.mcb-section .mcb-wrap-zsne0pt .mcb-wrap-inner-zsne0pt {
  overflow: hidden !important;
  border-radius: 28px !important;
}

section.mcb-section-c68ytcd {
  background-image: none !important;
}

section.mcb-section-c68ytcd .mcb-background-overlay {
  background-image:
    linear-gradient(180deg, rgba(6, 29, 52, 0.48), rgba(6, 29, 52, 0.62)),
    url("odessa-port-aerial.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  section.mcb-section-c68ytcd .mcb-background-overlay {
    background-attachment: scroll !important;
    background-position: center top !important;
  }
}


/* Step 7: replace the old Motherland-style scroll section with Duke de Richelieu in Odessa style */
section.mcb-section-puwpb2nh {
  background-color: #111944 !important;
  background-image:
    radial-gradient(circle at 50% 14%, rgba(53, 211, 216, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(11, 21, 66, 0.16), rgba(11, 21, 66, 0.16)),
    url("duke-richelieu-statue-odessa.png") !important;
  background-position: center top, center center, center bottom !important;
  background-size: cover, cover, cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll, scroll, fixed !important;
}

section.mcb-section-puwpb2nh .mcb-background-overlay {
  background:
    linear-gradient(180deg, rgba(17, 25, 68, 0.06), rgba(17, 25, 68, 0.08)) !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  section.mcb-section-puwpb2nh {
    background-position: center top, center center, 56% bottom !important;
    background-size: auto, auto, cover !important;
    background-attachment: scroll !important;
  }
}