/*
  Minimal Yet Warm palette applied to CoolAir
  Source palette:
  #EAE7DC — warm ivory
  #D8C3A5 — sand
  #8E8D8A — warm gray
  #E98074 — soft coral
  #E85A4F — vivid coral
*/
:root {
  --primary-color: #E85A4F;
  --primary-color-rgb: 232, 90, 79;
  --secondary-color: #E98074;
  --secondary-color-rgb: 233, 128, 116;
  --tertiary-color: #EAE7DC;
  --tertiary-color-rgb: 234, 231, 220;
  --warm-sand: #D8C3A5;
  --warm-gray: #8E8D8A;
  --warm-ivory: #EAE7DC;
  --warm-coral: #E98074;
  --warm-coral-strong: #E85A4F;
  --title-font-color: #2E2D2A;
  --body-font-color: #666560;
  --dark-body-font-color: #FFFFFF;
  --bg-color-even: #EAE7DC;
  --bg-color-odd: #F4F0E7;
  --bg-grey: #D8C3A5;
  --bg-dark-1: #8E8D8A;
  --bg-dark-2: #7E7D79;
  --bg-dark-3: #6F6E6A;
  --border-default: solid 1px rgba(142, 141, 138, .45);
  --bg-gradient-1: 0deg, rgba(216, 195, 165, .34) 0%, rgba(233, 128, 116, .20) 100%;
}

html, body { background-color: var(--warm-ivory); }
body { color: var(--body-font-color); }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { color: var(--title-font-color); }
a { color: var(--warm-coral-strong); }
a:hover { color: var(--warm-coral); }

/* Core palette utilities */
.bg-color, section.bg-color, .btn-main, .btn-primary { background-color: var(--warm-coral-strong) !important; }
.bg-color-2, .bg-color-secondary, section.bg-color-2, section.bg-color-secondary { background-color: var(--warm-coral) !important; }
.bg-color-3, section.bg-color-3 { background-color: var(--warm-ivory) !important; }
.bg-grey { background-color: var(--warm-sand) !important; }
.id-color { color: var(--warm-coral-strong) !important; }
.id-color-2 { color: var(--warm-coral) !important; }

/* Navigation */
#topbar { background: var(--warm-coral-strong) !important; }
#topbar a, #topbar i { color: #fff !important; }
header.smaller,
header.smaller.scroll-light,
header.header-light.smaller { background: var(--warm-ivory) !important; border-bottom-color: var(--warm-sand) !important; }
header.smaller.scroll-light #mainmenu > li > a,
header.smaller.scroll-light #mainmenu li.has-child:after,
header.header-light #mainmenu > li > a { color: var(--title-font-color) !important; }
#mainmenu ul,
#mainmenu li li { background: var(--warm-ivory) !important; }
#mainmenu li li a { color: var(--title-font-color) !important; }
#mainmenu li li a:hover,
#mainmenu ul li:hover > a.menu-item { background: var(--warm-coral-strong) !important; color: #fff !important; }

/* Buttons and interactive states */
a.btn-main,
.btn-main,
button.btn-main,
input.btn-main { background: var(--warm-coral-strong) !important; border-color: var(--warm-coral-strong) !important; color: #fff !important; }
a.btn-main:hover,
.btn-main:hover,
button.btn-main:hover { background: var(--warm-coral) !important; border-color: var(--warm-coral) !important; color: #fff !important; }
a.btn-main.bg-color-2,
.btn-main.bg-color-2 { background: var(--warm-coral) !important; border-color: var(--warm-coral) !important; }
a.btn-main.bg-color-2:hover,
.btn-main.bg-color-2:hover { background: var(--warm-coral-strong) !important; }
.btn-line, a.btn-line { border-color: var(--warm-coral-strong) !important; color: var(--warm-coral-strong) !important; }
.btn-line:hover, a.btn-line:hover { background: var(--warm-coral-strong) !important; color: #fff !important; }

/* Warm neutral surfaces */
section:not(.section-dark):not(.bg-color):not(.bg-color-2):not(.bg-color-3) { background-color: var(--warm-ivory); }
.bg-white { background-color: #fff !important; }
.soft-shadow { box-shadow: 0 10px 30px rgba(77, 67, 58, .10) !important; }
.card,
.de-card,
.feature-box,
.icon-box,
.accordion-item,
.form-control,
.form-select { border-color: var(--warm-sand) !important; }
.subtitle { color: var(--title-font-color); }
.subtitle.bg-color-2,
.subtitle.bg-color { color: #fff !important; }

/* Dark / footer areas use the warm gray from the palette */
.section-dark,
section.section-dark,
.bg-dark-1,
footer.section-dark,
footer:not(.footer-light) { background-color: var(--warm-gray) !important; }
.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4,.section-dark h5,.section-dark h6,
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6 { color: #fff !important; }
footer a { color: #fff !important; }
footer a:hover { color: var(--warm-ivory) !important; }
.subfooter { border-top-color: rgba(234,231,220,.35) !important; }

/* Forms */
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], textarea, select,
.form-control, .form-select { background-color: #fff !important; color: var(--title-font-color) !important; }
input:focus, textarea:focus, select:focus, .form-control:focus, .form-select:focus {
  border-color: var(--warm-coral) !important;
  box-shadow: 0 0 0 .2rem rgba(233,128,116,.18) !important;
}

/* Borders, icons, badges, accents */
hr, .border, .border-top, .border-bottom, .border-start, .border-end { border-color: var(--warm-sand) !important; }
.badge, .ribbon, .price-row, .date-post, .date-box .day { background-color: var(--warm-coral-strong) !important; }
.swiper-pagination-bullet-active,
.owl-dot.active { background-color: var(--warm-coral-strong) !important; }

/* Keep text readable when a palette color is used as the background */
.bg-color.text-light,
.bg-color-2.text-light,
.section-dark.text-light,
.bg-dark-1.text-light,
.bg-dark-2.text-light,
.bg-dark-3.text-light { color: #fff !important; }
.bg-color-3.text-light { color: var(--title-font-color) !important; }

/* Selection and scrollbar */
::selection { background: var(--warm-coral); color: #fff; }
::-moz-selection { background: var(--warm-coral); color: #fff; }
body::-webkit-scrollbar-thumb { background: var(--warm-coral) !important; }

/* Homepage 1: reinforce the warm visual rhythm */
body.homepage-warm #content > section:nth-of-type(even):not(.section-dark):not(.bg-color):not(.bg-color-2) {
  background-color: #F4F0E7;
}
body.homepage-warm #content > section:nth-of-type(odd):not(.section-dark):not(.bg-color):not(.bg-color-2):not(.bg-color-3) {
  background-color: var(--warm-ivory);
}