/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* ====================================================
   CIPRIAN NITU REDESIGN
   ==================================================== */
:root {
  --cn-bg: #F5F2EC;
  --cn-bg-alt: #EDE8DF;
  --cn-paper: #FFFFFF;
  --cn-ink: #1A1916;
  --cn-ink-soft: #3D3A35;
  --cn-muted: #6D675F;
  --cn-line: #D8D0C4;
  --cn-accent: #A8956B;
  --cn-dark: #1C1B18;
}

/* Base specificity wrapper for the custom redesigned sections */
body.page-id-6902 #ajax-content-area,
body.home #ajax-content-area {
  background-color: var(--cn-bg) !important;
  color: var(--cn-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
}

/* Section Backgrounds mapped to row styles */
body.page-id-6902 #ajax-content-area [style*="--row-bg-color: #1c1b18"],
body.page-id-6902 #ajax-content-area [style*="background-color: #1c1b18"],
body.home #ajax-content-area [style*="--row-bg-color: #1c1b18"],
body.home #ajax-content-area [style*="background-color: #1c1b18"] {
  background-color: var(--cn-dark) !important;
  color: var(--cn-bg) !important;
}

/* Eyebrows */
body.page-id-6902 #ajax-content-area .cn-eyebrow,
body.page-id-6902 #ajax-content-area .wpb_wrapper .cn-eyebrow,
body.home #ajax-content-area .cn-eyebrow,
body.home #ajax-content-area .wpb_wrapper .cn-eyebrow {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.22em !important;
  color: var(--cn-muted) !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  display: block !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

body.page-id-6902 #ajax-content-area [style*="--row-bg-color: #1c1b18"] .cn-eyebrow,
body.page-id-6902 #ajax-content-area [style*="background-color: #1c1b18"] .cn-eyebrow,
body.home #ajax-content-area [style*="--row-bg-color: #1c1b18"] .cn-eyebrow,
body.home #ajax-content-area [style*="background-color: #1c1b18"] .cn-eyebrow {
  color: var(--cn-accent) !important;
}

/* Headings H2, H3 */
body.page-id-6902 #ajax-content-area h2,
body.page-id-6902 #ajax-content-area .wpb_wrapper h2,
body.home #ajax-content-area h2,
body.home #ajax-content-area .wpb_wrapper h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: normal !important;
  color: var(--cn-ink) !important;
  font-size: clamp(34px, 5vw, 58px) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  text-align: left !important;
}

body.page-id-6902 #ajax-content-area h3,
body.page-id-6902 #ajax-content-area .wpb_wrapper h3,
body.home #ajax-content-area h3,
body.home #ajax-content-area .wpb_wrapper h3 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: normal !important;
  color: var(--cn-ink) !important;
  font-size: 28px !important;
  line-height: 1.25 !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  text-align: left !important;
}

body.page-id-6902 #ajax-content-area [style*="--row-bg-color: #1c1b18"] h2,
body.page-id-6902 #ajax-content-area [style*="--row-bg-color: #1c1b18"] h3,
body.page-id-6902 #ajax-content-area [style*="background-color: #1c1b18"] h2,
body.page-id-6902 #ajax-content-area [style*="background-color: #1c1b18"] h3,
body.home #ajax-content-area [style*="--row-bg-color: #1c1b18"] h2,
body.home #ajax-content-area [style*="--row-bg-color: #1c1b18"] h3,
body.home #ajax-content-area [style*="background-color: #1c1b18"] h2,
body.home #ajax-content-area [style*="background-color: #1c1b18"] h3 {
  color: var(--cn-bg) !important;
}

/* Paragraphs */
body.page-id-6902 #ajax-content-area p,
body.page-id-6902 #ajax-content-area .wpb_wrapper p,
body.home #ajax-content-area p,
body.home #ajax-content-area .wpb_wrapper p {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 20px !important;
  line-height: 1.6 !important;
  color: var(--cn-muted) !important;
  margin-top: 18px !important;
  margin-bottom: 0 !important;
  text-align: left !important;
}

body.page-id-6902 #ajax-content-area [style*="--row-bg-color: #1c1b18"] p,
body.page-id-6902 #ajax-content-area [style*="background-color: #1c1b18"] p,
body.home #ajax-content-area [style*="--row-bg-color: #1c1b18"] p,
body.home #ajax-content-area [style*="background-color: #1c1b18"] p {
  color: rgba(245,242,236,0.76) !important;
}

/* Cards */
body.page-id-6902 #ajax-content-area .cn-work-card,
body.page-id-6902 #ajax-content-area .cn-post-card,
body.home #ajax-content-area .cn-work-card,
body.home #ajax-content-area .cn-post-card {
  background-color: var(--cn-paper) !important;
  border: 1px solid var(--cn-line) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-align: left !important;
}

body.page-id-6902 #ajax-content-area [style*="--row-bg-color: #1c1b18"] .cn-work-card,
body.page-id-6902 #ajax-content-area [style*="--row-bg-color: #1c1b18"] .cn-post-card,
body.page-id-6902 #ajax-content-area [style*="background-color: #1c1b18"] .cn-work-card,
body.page-id-6902 #ajax-content-area [style*="background-color: #1c1b18"] .cn-post-card,
body.home #ajax-content-area [style*="--row-bg-color: #1c1b18"] .cn-work-card,
body.home #ajax-content-area [style*="--row-bg-color: #1c1b18"] .cn-post-card,
body.home #ajax-content-area [style*="background-color: #1c1b18"] .cn-work-card,
body.home #ajax-content-area [style*="background-color: #1c1b18"] .cn-post-card {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

body.page-id-6902 #ajax-content-area .cn-work-card-content,
body.page-id-6902 #ajax-content-area .cn-post-content,
body.home #ajax-content-area .cn-work-card-content,
body.home #ajax-content-area .cn-post-content {
  padding: 28px !important;
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background: transparent !important;
}

body.page-id-6902 #ajax-content-area .cn-work-card p,
body.page-id-6902 #ajax-content-area .cn-post-card p,
body.home #ajax-content-area .cn-work-card p,
body.home #ajax-content-area .cn-post-card p {
  font-size: 17px !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  color: var(--cn-muted) !important;
  font-family: Georgia, "Times New Roman", serif !important;
}

/* Image Placeholders */
body.page-id-6902 #ajax-content-area .cn-image-placeholder,
body.home #ajax-content-area .cn-image-placeholder {
  min-height: 380px !important;
  background: linear-gradient(rgba(0,0,0,0.12), rgba(0,0,0,0.12)),
              repeating-linear-gradient(135deg, #cfc7ba 0, #cfc7ba 12px, #ddd4c8 12px, #ddd4c8 24px) !important;
  border: 1px solid var(--cn-line) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(31,30,27,0.55) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.16em !important;
  font-size: 12px !important;
  text-align: center !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

body.page-id-6902 #ajax-content-area .cn-work-card .cn-image-placeholder,
body.page-id-6902 #ajax-content-area .cn-post-card .cn-image-placeholder,
body.home #ajax-content-area .cn-work-card .cn-image-placeholder,
body.home #ajax-content-area .cn-post-card .cn-image-placeholder {
  border: 0 !important;
}

body.page-id-6902 #ajax-content-area .cn-image-tall,
body.home #ajax-content-area .cn-image-tall {
  min-height: 560px !important;
}

/* Buttons */
body.page-id-6902 #ajax-content-area .cn-buttons,
body.home #ajax-content-area .cn-buttons {
  margin-top: 34px !important;
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
}

body.page-id-6902 #ajax-content-area .cn-btn,
body.home #ajax-content-area .cn-btn {
  display: inline-block !important;
  padding: 14px 22px !important;
  border: 1px solid var(--cn-ink) !important;
  text-decoration: none !important;
  color: var(--cn-ink) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  background-color: transparent !important;
  transition: all 0.3s ease !important;
  border-radius: 0 !important;
  font-weight: normal !important;
}

body.page-id-6902 #ajax-content-area .cn-btn:hover,
body.home #ajax-content-area .cn-btn:hover {
  background-color: var(--cn-ink) !important;
  color: var(--cn-bg) !important;
  border-color: var(--cn-ink) !important;
}

body.page-id-6902 #ajax-content-area .cn-btn.cn-btn-primary,
body.home #ajax-content-area .cn-btn.cn-btn-primary {
  background-color: var(--cn-ink) !important;
  color: var(--cn-bg) !important;
  border-color: var(--cn-ink) !important;
}

body.page-id-6902 #ajax-content-area .cn-btn.cn-btn-primary:hover,
body.home #ajax-content-area .cn-btn.cn-btn-primary:hover {
  background-color: transparent !important;
  color: var(--cn-ink) !important;
  border-color: var(--cn-ink) !important;
}

/* Buttons in Dark Rows */
body.page-id-6902 #ajax-content-area [style*="--row-bg-color: #1c1b18"] .cn-btn,
body.page-id-6902 #ajax-content-area [style*="background-color: #1c1b18"] .cn-btn,
body.home #ajax-content-area [style*="--row-bg-color: #1c1b18"] .cn-btn,
body.home #ajax-content-area [style*="background-color: #1c1b18"] .cn-btn {
  border-color: var(--cn-bg) !important;
  color: var(--cn-bg) !important;
}

body.page-id-6902 #ajax-content-area [style*="--row-bg-color: #1c1b18"] .cn-btn:hover,
body.page-id-6902 #ajax-content-area [style*="background-color: #1c1b18"] .cn-btn:hover,
body.home #ajax-content-area [style*="--row-bg-color: #1c1b18"] .cn-btn:hover,
body.home #ajax-content-area [style*="background-color: #1c1b18"] .cn-btn:hover {
  background-color: var(--cn-bg) !important;
  color: var(--cn-dark) !important;
  border-color: var(--cn-bg) !important;
}

body.page-id-6902 #ajax-content-area [style*="--row-bg-color: #1c1b18"] .cn-btn.cn-btn-primary,
body.page-id-6902 #ajax-content-area [style*="background-color: #1c1b18"] .cn-btn.cn-btn-primary,
body.home #ajax-content-area [style*="--row-bg-color: #1c1b18"] .cn-btn.cn-btn-primary,
body.home #ajax-content-area [style*="background-color: #1c1b18"] .cn-btn.cn-btn-primary {
  background-color: var(--cn-bg) !important;
  color: var(--cn-dark) !important;
  border-color: var(--cn-bg) !important;
}

body.page-id-6902 #ajax-content-area [style*="--row-bg-color: #1c1b18"] .cn-btn.cn-btn-primary:hover,
body.page-id-6902 #ajax-content-area [style*="background-color: #1c1b18"] .cn-btn.cn-btn-primary:hover,
body.home #ajax-content-area [style*="--row-bg-color: #1c1b18"] .cn-btn.cn-btn-primary:hover,
body.home #ajax-content-area [style*="background-color: #1c1b18"] .cn-btn.cn-btn-primary:hover {
  background-color: transparent !important;
  color: var(--cn-bg) !important;
  border-color: var(--cn-bg) !important;
}

/* Blog post details */
body.page-id-6902 #ajax-content-area .cn-meta,
body.home #ajax-content-area .cn-meta {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.16em !important;
  color: var(--cn-muted) !important;
  margin-bottom: 14px !important;
  display: block !important;
}

body.page-id-6902 #ajax-content-area .cn-final-contact,
body.home #ajax-content-area .cn-final-contact {
  margin-top: 28px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  color: var(--cn-muted) !important;
  letter-spacing: 0.02em !important;
  display: block !important;
  text-align: inherit !important;
}

body.page-id-6902 #ajax-content-area .cn-final-contact a,
body.home #ajax-content-area .cn-final-contact a {
  color: var(--cn-ink) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--cn-line) !important;
  transition: all 0.3s ease !important;
  display: inline !important;
}

body.page-id-6902 #ajax-content-area .cn-final-contact a:hover,
body.home #ajax-content-area .cn-final-contact a:hover {
  border-bottom-color: var(--cn-ink) !important;
}

/* Center alignments overrides using .cn-center wrapper */
body.page-id-6902 #ajax-content-area .cn-center,
body.page-id-6902 #ajax-content-area .cn-center p,
body.page-id-6902 #ajax-content-area .cn-center h2,
body.page-id-6902 #ajax-content-area .cn-center h3,
body.page-id-6902 #ajax-content-area .cn-center .cn-eyebrow,
body.page-id-6902 #ajax-content-area .cn-center .cn-final-contact,
body.home #ajax-content-area .cn-center,
body.home #ajax-content-area .cn-center p,
body.home #ajax-content-area .cn-center h2,
body.home #ajax-content-area .cn-center h3,
body.home #ajax-content-area .cn-center .cn-eyebrow,
body.home #ajax-content-area .cn-center .cn-final-contact {
  text-align: center !important;
}

body.page-id-6902 #ajax-content-area .cn-center .cn-buttons,
body.home #ajax-content-area .cn-center .cn-buttons {
  justify-content: center !important;
}

/* Responsive adjustments */
@media (max-width: 900px) {
  body.page-id-6902 #ajax-content-area .cn-image-placeholder,
  body.home #ajax-content-area .cn-image-placeholder {
    min-height: 320px !important;
  }
  body.page-id-6902 #ajax-content-area .cn-image-tall,
  body.home #ajax-content-area .cn-image-tall {
    min-height: 420px !important;
  }
  body.page-id-6902 #ajax-content-area .cn-buttons,
  body.home #ajax-content-area .cn-buttons {
    justify-content: center !important;
  }
}
