/* chg-design-refresh.css — charterguru.com design layer over wpresidence.
 *
 * Bridges the live wpresidence site into the dma-charter design language
 * (navy / ivory / gold / CTA teal, Cormorant Garamond + Inter) until item R
 * flips the theme. Lives in wpresidence-child (site-user owned — fleet
 * deploys never touch it). Enqueued LAST by chg-design-refresh.php.
 * Kill switch: wp option update chg_design_refresh_disabled 1
 *
 * DEPLOY SOURCE: references/site-overrides/charterguru/ in moclaw. BOTH boxes.
 *
 * Root cause this exists (2026-09-21): the fleet mo_filter sheet
 * mo_main-v8.css paints `.header_wrapper{background:#222}` for dma-charter
 * sites. wpresidence uses the same class, so the header went near-black while
 * the custom CSS kept `#access a{color:#0e2430}` — navy on black, contrast 1:1.
 */

@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 500;font-display:swap;
  src:url(/wp-content/themes/dma-charter/assets/fonts/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtKky2F7g.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 500;font-display:swap;
  src:url(/wp-content/themes/dma-charter/assets/fonts/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtImSqn7B6D.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:300 600;font-display:swap;
  src:url(/wp-content/themes/dma-charter/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2')}

:root{
  --chg-navy:#0E1B2A; --chg-ink:#1A2433; --chg-body:#3D4A5C; --chg-mute:#6B7686;
  --chg-ivory:#F4F6F8; --chg-line:#E1E6EC; --chg-white:#fff;
  --chg-gold:#B89766; --chg-gold-deep:#9A7B4D; --chg-gold-text:#7A6135;
  --chg-teal:#0FC2B2; --chg-teal-deep:#0A9C8F; --chg-link:#2F7377;
  --chg-serif:'Cormorant Garamond',Georgia,serif;
  --chg-sans:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  --chg-label:'Montserrat','Inter',sans-serif;
  --chg-radius:10px; --chg-shadow:0 1px 2px rgba(14,27,42,.06),0 8px 24px rgba(14,27,42,.08);
}

/* ---------- 1. Base type & colour ---------- */
body{font-family:var(--chg-sans);font-weight:400;color:var(--chg-body);background:var(--chg-white);
  letter-spacing:0;-webkit-font-smoothing:antialiased}
body p,.wpb_text_column p,.single-content p,.panel-body,.listing_detail{font-family:var(--chg-sans);
  letter-spacing:0;color:var(--chg-body)}
.wpb_text_column p,.single-content p,.single-content li,.post-content p,.panel-body p{
  font-size:16px;line-height:1.7;font-weight:400}
h1,h2,h3,.entry-title,.wpb_heading,.vc_custom_heading{font-family:var(--chg-serif)!important;
  font-weight:500!important;color:var(--chg-ink);letter-spacing:-.005em;text-transform:none}
h1,.entry-title{font-size:clamp(32px,4vw,46px);line-height:1.12}
h2{font-size:clamp(26px,3vw,34px);line-height:1.18}
h3{font-size:clamp(21px,2.2vw,25px);line-height:1.25}
h4,h5,h6{font-family:var(--chg-sans);font-weight:600;color:var(--chg-ink)}
a,h2 a,h3 a,h4 a{color:var(--chg-link)}
a:hover,a:focus{color:var(--chg-gold-deep)}
.wpb_text_column a,.single-content p a,.post-content a{color:var(--chg-link);
  text-decoration:underline;text-decoration-color:rgba(47,115,119,.35);text-underline-offset:3px}
.breadcrumb_container,.breadcrumb,.breadcrumb a{font-family:var(--chg-label);font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--chg-mute)}
.main_wrapper,.content_wrapper,.container.content_wrapper{background:transparent}
.meta-info,.meta-info a,.post-meta{color:var(--chg-mute)!important}

/* ---------- 2. Header (desktop) ---------- */
.master_header,.master_header.wide{background:var(--chg-navy)!important;border:0;
  box-shadow:0 1px 0 rgba(255,255,255,.06)}
.header_wrapper,.header_wrapper.customnav,.header_wrapper.navbar-fixed-top{
  background:var(--chg-navy)!important;height:76px;border:0;box-shadow:none}
.header_wrapper_inside{max-width:1240px;height:76px;display:flex;align-items:center;
  justify-content:space-between;padding:0 24px;float:none;margin:0 auto}
.header_wrapper .logo{height:auto;float:none;margin:0;display:flex;align-items:center}
.header_wrapper .logo img{max-height:40px;width:auto;margin:0!important;
  filter:brightness(0) invert(1)}              /* blue-on-transparent mark -> white */
#access{float:none;height:auto;margin:0;display:block}
#access > ul{display:flex;align-items:center;flex-wrap:nowrap;margin:0;padding:0}
#access > ul > li{float:none;position:relative}
#access a,#access > ul > li > a{font-family:var(--chg-label);font-size:12px;font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.86);
  padding:0 14px;line-height:76px;height:76px;white-space:nowrap;background:transparent;
  transition:color .2s}
#access > ul > li > a:hover,#access > ul > li:hover > a,#access .current-menu-item > a{
  color:var(--chg-gold)!important;background:transparent!important}
/* the CTA item */
#access a#menu_tf,#access a.dma-inquiry-trigger{background:var(--chg-teal)!important;
  color:#06302C!important;font-weight:600;line-height:1;height:auto;padding:13px 22px;
  margin:0 8px;border-radius:999px;cursor:pointer;transition:background .2s,transform .2s}
#access a#menu_tf:hover,#access a.dma-inquiry-trigger:hover{background:#2AD6C6!important;
  color:#06302C!important;transform:translateY(-1px)}
#access > ul > li:has(> #menu_tf){order:99;margin-left:10px}
/* dropdowns */
#access ul ul,#access ul li:hover > ul{top:76px;background:var(--chg-white);border:0;
  border-radius:0 0 var(--chg-radius) var(--chg-radius);box-shadow:var(--chg-shadow);
  padding:8px 0;min-width:240px}
#access ul ul ul,#access ul ul li:hover > ul{top:-8px;border-radius:var(--chg-radius)}
#access ul ul li{border:0;float:none}
#access ul ul a{font-family:var(--chg-sans)!important;font-size:14px!important;font-weight:400;
  letter-spacing:0!important;text-transform:none!important;color:var(--chg-ink)!important;
  line-height:1.3!important;height:auto!important;padding:11px 20px!important;border:0!important;
  background:transparent!important}
#access ul ul a:hover,#access ul ul li:hover > a{background:var(--chg-ivory)!important;
  color:var(--chg-gold-text)!important}
@media (max-width:1180px) and (min-width:992px){
  #access a,#access > ul > li > a{font-size:11px;letter-spacing:.1em;padding:0 9px}
  #access a#menu_tf{padding:12px 16px;margin:0 4px}
  .header_wrapper .logo img{max-height:34px}}

/* ---------- 3. Header (mobile) ---------- */
.mobile_header{background:var(--chg-navy)!important;border:0;height:64px}
.mobile_header .mobile-trigger,.mobile_header .mobile-trigger i,.mobile_header .mobile-trigger-user i{
  color:#fff!important}
.mobile_header .mobile-logo img{max-height:40px;border-radius:9px}
.mobilewrapper,.mobilex-menu,.mobile_menu_wrapper{background:var(--chg-navy)}
.mobilex-menu li a{font-family:var(--chg-label);font-size:13px;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.88)}
.mobilex-menu li{border-color:rgba(255,255,255,.08)}

/* ---------- 4. Buttons — one flat system, no glossy gradients ---------- */
.btn,.mo_button,.wpresidence_button,.vc_btn3.vc_btn3-style-modern,.vc_btn3.vc_btn3-style-flat,
.go_quick_button,input[type=submit],.gform_button,.gform_next_button,.gform_previous_button,
.simplefavorite-button{background-image:none!important;box-shadow:none!important;text-shadow:none!important;
  font-family:var(--chg-label)!important;font-weight:600!important;letter-spacing:.1em;
  text-transform:uppercase;border-radius:999px!important;transition:background .2s,color .2s,border-color .2s,transform .2s}
/* primary = teal */
.btn-primary,.btn-success,.mo_button.inquire,.go_quick_button,.trigger_yachtmodal,
.vc_btn3.vc_btn3-style-modern,.vc_btn3.vc_btn3-style-flat,input[type=submit],
.gform_button,.gform_next_button,.mo_button.likeboat{background-color:var(--chg-teal)!important;
  border:1px solid var(--chg-teal)!important;color:#06302C!important}
.btn-primary:hover,.btn-success:hover,.mo_button.inquire:hover,.go_quick_button:hover,
.trigger_yachtmodal:hover,.vc_btn3.vc_btn3-style-modern:hover,.vc_btn3.vc_btn3-style-flat:hover,
input[type=submit]:hover,.gform_button:hover,.gform_next_button:hover,.mo_button.likeboat:hover{
  background-color:#2AD6C6!important;border-color:#2AD6C6!important;color:#06302C!important}
/* sccss pins `.property_listing .mo_button{background:gradient!important}` — outrank it */
.property_listing .mo_button.mo_button.inquire,.mo_button.mo_button.inquire{
  background:var(--chg-teal)!important;border:1px solid var(--chg-teal)!important;color:#06302C!important}
.property_listing .mo_button.mo_button.inquire:hover{background:#2AD6C6!important}
.property_listing a.mo_button.mo_button,a.btn.btn-primary.more_info_trigger{
  background:transparent!important;border:1px solid var(--chg-ink)!important;color:var(--chg-ink)!important}
.property_listing a.mo_button.mo_button:hover,a.btn.btn-primary.more_info_trigger:hover{
  background:var(--chg-ink)!important;color:#fff!important}
.property_listing a.mo_button.mo_button .fa{color:inherit!important}
/* secondary = navy outline */
a.mo_button,.more_info_trigger,.btn-secondary,.gform_previous_button{background-color:transparent!important;
  border:1px solid var(--chg-ink)!important;color:var(--chg-ink)!important}
a.mo_button:hover,.more_info_trigger:hover,.btn-secondary:hover,.btn-filter.active{
  background-color:var(--chg-ink)!important;color:#fff!important}
/* tertiary = quiet */
.simplefavorite-button{background:transparent!important;border:1px solid var(--chg-line)!important;
  color:var(--chg-mute)!important}
.simplefavorite-button:hover,.simplefavorite-button.active{border-color:var(--chg-gold)!important;
  color:var(--chg-gold-text)!important}
/* sticky bottom CTA */
a#menu_tf.mo_bottom_inquire{background:var(--chg-teal)!important;color:#06302C!important;
  border:0!important;font-size:14px!important;padding:15px 34px!important;
  box-shadow:0 10px 30px rgba(14,27,42,.28)!important}
a#menu_tf.mo_bottom_inquire:hover{background:#2AD6C6!important;transform:translateY(-1px)}
.backtop,.contact-box{background:var(--chg-navy)!important;border-radius:999px!important}

/* ---------- 5. Search filter bar + "Start here" ---------- */
.listing_filters_head,#mo_yacht_search{background:var(--chg-ink)!important;border:0!important;
  box-shadow:none}
.listing_filters_head .filter_menu_trigger{font-family:var(--chg-label);font-size:12px;
  letter-spacing:.08em;color:#fff}
.listing_filters_head .listing_filter_select{border-color:rgba(255,255,255,.14)!important}
.filter_menu,.dropdown-menu{border:0;border-radius:var(--chg-radius);box-shadow:var(--chg-shadow);
  padding:6px 0}
.filter_menu li,.dropdown-menu > li{font-family:var(--chg-sans);font-size:14px;color:var(--chg-ink);
  padding:9px 18px}
.filter_menu li:hover,.dropdown-menu > li:hover{background:var(--chg-ivory);color:var(--chg-gold-text)}

/* ---------- 6. Yacht cards ---------- */
.listing_wrapper .property_listing,.property_listing{border:1px solid var(--chg-line)!important;
  border-radius:var(--chg-radius)!important;box-shadow:none!important;overflow:hidden;background:#fff;
  transition:box-shadow .25s,transform .25s}
.listing_wrapper .property_listing:hover,.property_listing:hover{box-shadow:var(--chg-shadow)!important;
  transform:translateY(-2px)}
.property_listing h4,.property_listing h4 a,.property_listing .listing_name a{
  font-family:var(--chg-serif)!important;font-size:22px!important;font-weight:500!important;
  color:var(--chg-ink)!important;letter-spacing:.01em;text-transform:none}
.property_listing h4 a:hover{color:var(--chg-gold-text)!important}
.property_listing .mo_dets,.property_listing .mo_dets span,.listing_details,.listing_details a{
  font-family:var(--chg-sans);font-size:13px;color:var(--chg-body)!important}
.mo_dets .fa,.property_listing .fa{color:var(--chg-gold)!important}
.listing_unit_price_wrapper,.property_listing .listing_unit_price_wrapper,.property_listing .price_label{
  font-family:var(--chg-sans)!important;font-weight:600!important;font-size:15px!important;
  color:var(--chg-ink)!important;background:var(--chg-ivory)!important;border:0!important}
.property_listing .mo_button{font-size:10px!important;padding:8px 10px!important;letter-spacing:.08em}

/* ---------- 7. Yacht detail ---------- */
.single-estate_property .notice_area,.bluebg.topsingle{background:transparent!important}
.single-estate_property h1.entry-title{font-size:clamp(34px,4.4vw,52px);letter-spacing:.02em}
.single-estate_property .panel,.single-estate_property .panel-default{border:0;border-top:1px solid var(--chg-line);
  border-radius:0;box-shadow:none;background:transparent}
.panel-heading,.panel-default > .panel-heading{background:transparent;border:0;padding:22px 0 10px}
.panel-title,.panel-title a,h4.panel-title{font-family:var(--chg-label)!important;font-size:13px!important;
  font-weight:600!important;letter-spacing:.2em;text-transform:uppercase;color:var(--chg-ink)!important;
  border:0!important;text-decoration:none!important}
.panel-body{padding:6px 0 26px;font-size:15px;line-height:1.7}
/* sidebar inquiry box */
#primary .widget-container,.widget-area-sidebar .widget-container,.mo_sidebar_inquire{
  background:var(--chg-ivory)!important;border:1px solid var(--chg-line);border-radius:var(--chg-radius);
  box-shadow:none}
/* royalSlider before WP Rocket's delayed JS boots (rsHor is in the static
   markup, so key off the .rsOverflow node the script creates): show the first
   frame only, not every slide + thumbnail stacked as a collage. */
.royalSlider:not(:has(.rsOverflow)){height:auto!important;max-height:620px;overflow:hidden;
  border-radius:var(--chg-radius)}
.royalSlider:not(:has(.rsOverflow)) > *:not(:first-child){display:none!important}
.royalSlider:not(:has(.rsOverflow)) > img:first-child{width:100%!important;height:auto!important;
  display:block;margin:0!important}
.royalSlider.rsHor,.royalSlider .rsOverflow{border-radius:var(--chg-radius)}

/* ---------- 8. Forms ---------- */
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],textarea,select,
.form-control,.gform_wrapper input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]),
.gform_wrapper textarea,.gform_wrapper select{font-family:var(--chg-sans)!important;font-size:15px!important;
  color:var(--chg-ink)!important;background:#fff!important;border:1px solid #CFD6DF!important;
  border-radius:8px!important;box-shadow:none!important;padding:10px 12px!important;height:auto;
  transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus,select:focus,.form-control:focus{border-color:var(--chg-teal-deep)!important;
  box-shadow:0 0 0 3px rgba(15,194,178,.18)!important;outline:0}
label,.gfield_label{font-family:var(--chg-label)!important;font-size:11px!important;font-weight:600!important;
  letter-spacing:.1em;text-transform:uppercase;color:var(--chg-mute)!important}
.gfield_required{color:#B4483C!important;letter-spacing:0;text-transform:none}

/* ---------- 9. Home page furniture ---------- */
.vc_separator .vc_sep_line{border-top-width:1px!important;border-color:var(--chg-gold)!important;opacity:.55}
.vc_sep_color_turquoise .vc_sep_line,.vc_sep_color_sky .vc_sep_line,.vc_sep_color_blue .vc_sep_line{
  border-color:var(--chg-gold)!important}
.home .wpb_wrapper > h1,.home h1{letter-spacing:.04em}
.home .vc_row[data-vc-parallax-image] h2,.home .vc_row.vc_row-has-fill h2,.home .upb_row_bg ~ * h2{
  text-shadow:0 2px 18px rgba(14,27,42,.55)}
.mo_quick_search,.adv_search_wrapper,.go_quick_wrapper{border-radius:var(--chg-radius)}
.home .content_wrapper{background:transparent!important}
.vc_toggle_title h4{font-family:var(--chg-sans)!important;font-size:16px;font-weight:500;color:var(--chg-ink)}
.vc_toggle{border-bottom:1px solid var(--chg-line);padding:14px 0;margin:0}
table,.tablepress{font-family:var(--chg-sans);font-size:14px;border-color:var(--chg-line)}
.tablepress thead th{background:var(--chg-ink);color:#fff;font-family:var(--chg-label);font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.tablepress tbody td{border-color:var(--chg-line);color:var(--chg-body)}
.tablepress .odd td{background:var(--chg-ivory)}

/* ---------- 10. Special-offer cards ---------- */
.mo_deal,.deal_wrapper,.special_offer_unit{border:1px solid var(--chg-line)!important;
  border-radius:var(--chg-radius)!important;box-shadow:none!important;background:#fff}
.btn-filter{background:var(--chg-ivory)!important;border:1px solid var(--chg-line)!important;
  color:var(--chg-ink)!important;font-size:11px!important;padding:9px 18px!important}

/* ---------- 11. Footer ---------- */
footer#colophon{background:var(--chg-navy)!important;color:rgba(255,255,255,.7);padding:0;border:0}
footer#colophon #footer-widget-area:not(:has(li)){display:none}
footer#colophon a{color:rgba(255,255,255,.85)}
footer#colophon a:hover{color:var(--chg-gold)}
.sub_footer{background:var(--chg-navy)!important;border-top:1px solid rgba(255,255,255,.08);
  padding:26px 24px 84px;color:rgba(255,255,255,.55)}
.sub_footer .copyright{font-family:var(--chg-label);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.55)}

/* ---------- 12. Mobile ---------- */
@media (max-width:767px){
  .wpb_text_column p,.single-content p,.single-content li,.post-content p{font-size:16px;line-height:1.65}
  .container.content_wrapper,.content_wrapper{padding-left:16px;padding-right:16px}
  a#menu_tf.mo_bottom_inquire{font-size:13px!important;padding:14px 28px!important}
  .property_listing h4,.property_listing h4 a{font-size:21px!important}
  .listing_filters_head .listing_filter_select{border-bottom:1px solid rgba(255,255,255,.12)!important}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}