/* =========================
   Crafted to Charm - Brand Refresh
   Add to local-theme.css
   ========================= */

/* Brand palette */
:root {
  --ctc-ink: #4f4038;
  --ctc-text: #6a5d55;
  --ctc-soft-text: #8e8178;
  --ctc-ivory: #f8f4ee;
  --ctc-blush: #f3e6df;
  --ctc-blush-2: #ead8d0;
  --ctc-gold: #c8a66a;
  --ctc-gold-soft: #dbc08d;
  --ctc-white: #fffdfa;
  --ctc-border: #e8ddd4;
}

/* Base page */
body {
  color: var(--ctc-text);
  background-color: var(--ctc-white);
}

a {
  color: var(--ctc-ink);
  transition: color 0.25s ease, opacity 0.25s ease;
}

a:hover,
a:focus {
  color: var(--ctc-gold);
}

/* Headings */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--ctc-ink);
  font-weight: 400;
  letter-spacing: 0.02em;
}

/* Paragraphs and muted text */
p,
body .text-muted,
body .submitted,
body .meta {
  color: var(--ctc-text);
}

/* Header */
.header-container {
  background-color: rgba(255, 253, 250, 0.96);
  border-bottom: 1px solid var(--ctc-border);
}

.header-container .menu,
.header-container .sf-menu {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.92rem;
}

.header-container ul.menu li a,
.header-container .sf-menu > li > a {
  color: var(--ctc-ink);
}

.header-container ul.menu li a:hover,
.header-container .sf-menu > li > a:hover,
.header-container .sf-menu > li.sfHover > a,
.header-container nav > ul.menu > li.menu-item--active-trail > a {
  color: var(--ctc-gold);
}

/* Dropdown menus */
.header-container ul.menu li li,
.header-container .sf-menu li ul {
  background-color: #ffffff;
  border: 1px solid var(--ctc-border);
}

.header-container ul.menu li li a:hover {
  background-color: var(--ctc-blush);
  color: var(--ctc-ink);
}

/* Buttons */
a.button,
input[type="submit"],
input[type="reset"],
input[type="button"],
ul.links li a {
  background-color: var(--ctc-ink);
/*  border: 1px solid var(--ctc-ink);*/
  color: #ffffff;
  border-radius: 999px;
/*  padding: 12px 24px;*/
  text-transform: uppercase;
  letter-spacing: 0.08em;
/*  font-size: 0.85rem;*/
  transition: all 0.25s ease;
}

a.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
ul.links li a:hover {
  background-color: var(--ctc-gold);
  border-color: var(--ctc-gold);
  color: #ffffff;
}

/* Light section backgrounds */
.light-colored-region,
.light-gray-region,
.gray-region {
  background-color: var(--ctc-blush);
}

/* Strong colored sections */
.colored-region {
  background-color: var(--ctc-ink);
}

.colored-region.dark {
  background-color: #3f322c;
}

.colored-region.black {
  background-color: #2f2622;
}

.colored-region,
.colored-region h1,
.colored-region h2,
.colored-region h3,
.colored-region h4,
.colored-region h5,
.colored-region h6,
.colored-region p,
.colored-region li,
.colored-region .views-field-title a {
  color: #f8f4ee;
}

/* Decorative triangles / separators */
.colored-region + .content-top-highlighted:before,
.colored-region.content-top-highlighted:after,
.colored-region + .highlighted:before,
.colored-region.highlighted:after {
  border-top-color: var(--ctc-ink);
}

.light-colored-region + .content-top-highlighted:before,
.light-colored-region.content-top-highlighted:after,
.light-colored-region + .highlighted:before,
.light-colored-region.highlighted:after {
  border-top-color: var(--ctc-blush);
}

/* Section titles */
.block-title,
.page-title,
.view-header h2,
h2.title,
h2.block-title {
  color: var(--ctc-ink);
  letter-spacing: 0.04em;
  font-weight: 400;
}

/* Feature cards / promoted items / showcase cards */
.views-row,
.service-box,
.node-teaser,
.view-promoted-items .views-row,
.view-showcases .views-row,
.view-blog .views-row {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}

.view-promoted-items .views-field-title a,
.views-field-title a {
  color: var(--ctc-ink);
}

.view-promoted-items .views-field-title a:hover,
.views-field-title a:hover {
  color: var(--ctc-gold);
}

/* Image placeholders and image blocks */
img {
  border-radius: 0;
}

.overlay {
  background: rgba(79, 64, 56, 0.35);
}

/* Testimonials / quote areas */
.node--type-mt-testimonial .field--name-body p:first-child:after,
.view-testimonials .views-field-body p:first-child:after,
blockquote:after {
  color: var(--ctc-gold);
}

/* Footer socials */
ul.icons-list li a {
  border-color: var(--ctc-gold);
  color: var(--ctc-gold);
}

ul.icons-list li a:hover {
  background-color: var(--ctc-gold);
  border-color: var(--ctc-gold);
  color: #ffffff;
}

/* Footer */
.footer,
.footer-area,
.subfooter,
.subfooter-area {
  background-color: #fbf7f2;
  color: var(--ctc-text);
  border-top: 1px solid var(--ctc-border);
}

.footer h2,
.footer h3,
.footer h4,
.subfooter h2,
.subfooter h3,
.subfooter h4 {
  color: var(--ctc-ink);
}

.footer a,
.subfooter a {
  color: var(--ctc-ink);
}

.footer a:hover,
.subfooter a:hover {
  color: var(--ctc-gold);
}

/* Horizontal rules and subtle dividers */
hr,
.separator,
.border-bottom {
  border-color: var(--ctc-border);
}

/* Optional: soften default camera placeholders and blocks */
.views-field-field-mt-image,
.field--name-field-mt-image,
article img {
  background-color: #f3ede7;
}

/* Mobile menu */
@media (max-width: 991px) {
  .header-container {
    background-color: #fffdfa;
  }

  .header-container ul.menu,
  .header-container .sf-menu {
    background-color: #fffdfa;
  }
}

/* -----------------------*/
