/* ✅ Sovereign Prime Property - Brand Color Palette */

:root {
  --kadence-primary: #FF6F61; /* Coral */
  --kadence-primary-alt: #CC0088; /* Bold Magenta */
  --kadence-heading-color: #1A237E; /* Deep Navy */
  --kadence-text-color: #1A237E; /* Navy for body text */
  --kadence-text-medium: #CC0088; /* Secondary accent text */
  --kadence-border-color: #FFBBEE; /* Soft Pink */
  --kadence-background-light: #F5F5F5; /* Soft White */
  --kadence-background-dark: #1A237E; /* Deep Navy background */
  --kadence-background-white: #FFFFFF; /* True white */
}

/* ✅ Site Background Gradient */
body {
  color: var(--kadence-text-color);
  background: linear-gradient(135deg, #1A237E 0%, #CC0088 50%, #FF6F61 100%) fixed;
  background-size: cover;
}

/* ✅ Typography */
h1, h2, h3, h4, h5, h6 {
  color: var(--kadence-heading-color);
}

/* ✅ Buttons */
.wp-block-button__link,
.button,
input[type="submit"],
.kadence-button {
  background-color: var(--kadence-primary);
  color: #FFFFFF;
  border-radius: 8px;
  padding: 12px 24px;
  transition: all 0.3s ease;
  font-weight: 600;
}

.wp-block-button__link:hover,
.button:hover,
input[type="submit"]:hover,
.kadence-button:hover {
  background-color: var(--kadence-primary-alt);
}

/* ✅ Links */
a {
  color: var(--kadence-primary);
  text-decoration: none;
}

a:hover {
  color: var(--kadence-primary-alt);
}

/* ✅ Navigation */
.site-header {
  background-color: var(--kadence-background-dark);
  border-bottom: 2px solid var(--kadence-border-color);
}

.site-header a {
  color: #F5F5F5;
  font-weight: bold;
}

.site-header a:hover {
  color: var(--kadence-primary);
}

/* ✅ Footer */
.site-footer {
  background-color: var(--kadence-background-dark);
  color: var(--kadence-background-white);
}

.site-footer a {
  color: var(--kadence-primary);
}

.site-footer a:hover {
  color: var(--kadence-primary-alt);
}

/* ✅ Divider Styling */
hr, .wp-block-separator {
  border-color: var(--kadence-border-color);
}

/* ✅ Form Fields & Inputs */
input[type="text"],
input[type="email"],
input[type="url"],
textarea {
  border: 2px solid var(--kadence-border-color);
  border-radius: 6px;
  padding: 10px;
  background-color: var(--kadence-background-white);
  color: var(--kadence-text-color);
}

/* ✅ Logo Image Override (Optional) */
.site-branding img.custom-logo {
  content: url("https://sovereignprimeproperty.com/wp-content/uploads/2025/07/EksbEoxvRze25ytW4rNr-0-rlo07.jpg");
  max-height: 80px;
}
/* === FORCE FULL-PAGE GRADIENT BACKGROUND FOR KADENCE THEME === */
html, body {
  background: linear-gradient(135deg, #1A237E 0%, #CC0088 50%, #FF6F61 100%) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

/* === Remove theme layers blocking the gradient === */
#page,
.site,
.content-area,
.entry-content,
.wp-site-blocks,
.elementor-section-wrap,
.kadence-container,
.kadence-content,
.kt-container,
.site-main {
  background: transparent !important;
  box-shadow: none !important;
}

/* Optional: Make footer and header blend better */
.site-footer {
  background: rgba(26, 35, 126, 0.95) !important; /* Semi-transparent navy */
  color: #F5F5F5;
}

.site-header {
  background: rgba(26, 35, 126, 0.98) !important;
  border-bottom: 2px solid #FFBBEE;
}
/* === Make Site Title Text the Lightest Color in Palette === */
.site-branding .site-title,
.site-branding .site-title a {
  color: #F5F5F5 !important;
}

/* Optional: Adjust hover color for interactivity */
.site-branding .site-title a:hover {
  color: #FFBBEE !important;
}
/* === Increase Header Height and Add Padding Around Logo === */
.site-header {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* Optional: Adjust logo max height if needed */
.site-branding img.custom-logo {
  max-height: 80px; /* You can increase this if needed */
  height: auto;
}
/* === FULL-SITE BRAND PALETTE + GRADIENT BACKGROUND FIX === */

/* 🔥 Apply Gradient Background to Entire Site */
html, body {
  background: linear-gradient(135deg, #1A237E 0%, #CC0088 50%, #FF6F61 100%) fixed !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  color: #1A237E;
}

/* 🧽 Remove White Backgrounds Blocking Gradient */
#page,
.site,
.content-area,
.entry-content,
.wp-site-blocks,
.elementor-section-wrap,
.kadence-container,
.kadence-content,
.kt-container,
.site-main,
.page-content {
  background: transparent !important;
  box-shadow: none !important;
}

/* 🎨 Site-Wide Brand Color Palette */
:root {
  --kadence-primary: #FF6F61;
  --kadence-primary-alt: #CC0088;
  --kadence-heading-color: #1A237E;
  --kadence-text-color: #1A237E;
  --kadence-text-medium: #CC0088;
  --kadence-border-color: #FFBBEE;
  --kadence-background-light: #F5F5F5;
  --kadence-background-dark: #1A237E;
  --kadence-background-white: #FFFFFF;
}

/* 🖋 Typography */
h1, h2, h3, h4, h5, h6 {
  color: var(--kadence-heading-color);
}
body {
  color: var(--kadence-text-color);
  font-family: 'Segoe UI', sans-serif;
}

/* 🔗 Links */
a {
  color: var(--kadence-primary);
  text-decoration: none;
}
a:hover {
  color: var(--kadence-primary-alt);
}

/* 🔘 Buttons */
.wp-block-button__link,
.button,
input[type="submit"],
.kadence-button {
  background-color: var(--kadence-primary);
  color: #FFFFFF;
  border-radius: 8px;
  padding: 12px 24px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.wp-block-button__link:hover,
.button:hover,
input[type="submit"]:hover,
.kadence-button:hover {
  background-color: var(--kadence-primary-alt);
}

/* 🧾 Form Fields */
input[type="text"],
input[type="email"],
textarea,
select {
  border: 2px solid var(--kadence-border-color);
  border-radius: 6px;
  padding: 10px;
  background: #FFFFFF;
  color: var(--kadence-text-color);
}

/* 🧭 Header */
.site-header {
  background-color: rgba(26, 35, 126, 0.98) !important; /* Navy with opacity */
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  border-bottom: 2px solid var(--kadence-border-color);
}
.site-header a {
  color: #F5F5F5 !important;
}
.site-header a:hover {
  color: #FFBBEE !important;
}

/* 🖼 Logo & Title */
.site-branding img.custom-logo {
  max-height: 80px;
}
.site-branding .site-title,
.site-branding .site-title a {
  color: #F5F5F5 !important;
}
.site-branding {
  display: flex;
  align-items: center;
}

/* 🦶 Footer */
.site-footer {
  background-color: rgba(26, 35, 126, 0.95) !important;
  color: #F5F5F5 !important;
}
.site-footer a {
  color: #FFBBEE !important;
}
.site-footer a:hover {
  color: #FFFFFF !important;
}
/* 🎯 Gradient Background for About Page Only (Page ID: 637) */
body.page-id-637 {
  background: linear-gradient(135deg, #1A237E 0%, #CC0088 50%, #FF6F61 100%) fixed !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

/* 🧽 Remove theme/container backgrounds that block the gradient */
body.page-id-637 #page,
body.page-id-637 .site,
body.page-id-637 .content-area,
body.page-id-637 .entry-content,
body.page-id-637 .wp-site-blocks,
body.page-id-637 .elementor-section-wrap,
body.page-id-637 .kadence-container,
body.page-id-637 .site-main {
  background: transparent !important;
  box-shadow: none !important;
}