/* ==========================================
   SOGNO SALENTINO — SUNSET COVE COLORS
   ========================================== */

:root {
  --color-mist: #CDDCE2;
  --color-lagoon: #7AAFC0;
  --color-ocean: #3D7A8C;
  --color-coral: #E07B4C;
  --color-deep-sea: #183038;
  --color-peach: #F2C4A8;
  --color-soft-blue: #A3C5D0;
}

/* BODY BACKGROUND */
body {
  background-color: #CDDCE2 !important;
}

/* ALL HEADINGS */
h1, h2, h3, h4, h5, h6 {
  color: #183038 !important;
}

/* PARAGRAPH TEXT */
p, .entry-content, article {
  color: #3D5A64 !important;
}

/* ALL LINKS */
a {
  color: #3D7A8C !important;
}

a:hover {
  color: #E07B4C !important;
}

/* HEADER / NAVIGATION */
header, .site-header, #masthead, .navbar {
  background-color: #183038!important;
  border-bottom: 1px solid rgba(61,122,140,0.2) !important;
}

/* NAVIGATION LINKS */
nav a, .menu-item a, .nav-link {
  color: #3D5A64 !important;
}

nav a:hover, .menu-item a:hover, .nav-link:hover {
  color: #E07B4C !important;
}

/* CURRENT/ACTIVE MENU ITEM */
.current-menu-item > a, .current_page_item > a {
  color: #E07B4C !important;
}

/* ALL BUTTONS */
button, 
.button, 
.btn, 
input[type="submit"], 
.wp-block-button__link,
a.button,
.elementor-button {
  background-color: #E07B4C !important;
  color: #FFFFFF !important;
  border: none !important;
}

button:hover, 
.button:hover, 
.btn:hover, 
input[type="submit"]:hover,
.wp-block-button__link:hover,
.elementor-button:hover {
  background-color: #C86A3D !important;
}

/* FOOTER */
footer, .site-footer, #colophon {
  background-color: #183038 !important;
  color: #A3C5D0 !important;
}

footer h1, footer h2, footer h3, footer h4,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4 {
  color: #FFFFFF !important;
}

footer a, .site-footer a {
  color: #A3C5D0 !important;
}

footer a:hover, .site-footer a:hover {
  color: #E07B4C !important;
}

/* CARDS & CONTENT BOXES */
.card, article.post, .property-card, .blog-card {
  background-color: #CDDCE2 !important;
  border: 1px solid rgba(61,122,140,0.2) !important;
}

/* FORMS */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  background-color: #FFFFFF !important;
  border: rgba(61,122,140,0.3) !important;
  color: #183038 !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  border-color: #3D7A8C !important;
  outline: none !important;
}

/* BLOCKQUOTES */
blockquote {
  border-left: 4px solid #E07B4C !important;
  color: #3D5A64 !important;
}

/* SELECTION (when user highlights text) */
::selection {
  background-color: #E07B4C !important;
  color: #FFFFFF !important;
}
```

---

### Step 3: Publish

1. After pasting, click the blue **Publish** button (top right)
2. Wait 2-3 seconds for it to save
3. Click the **X** to close the Customizer
4. **Clear your browser cache** (Ctrl+Shift+R or Cmd+Shift+R)
5. Refresh your website to see changes

---

## Quick Visual
```
BEFORE                          AFTER
┌──────────────────┐           ┌──────────────────┐
│ White background │    →      │ Mist (#CDDCE2)   │
│ Blue buttons     │    →      │ Coral (#E07B4C)  │
│ Black text       │    →      │ Deep Sea text    │
│ Generic footer   │    →      │ Deep Sea footer  │
└──────────────────┘           └──────────────────┘

/* ==========================================
   REALHOMES THEME — SPECIFIC FIXES
   Sunset Cove Colors
   ========================================== */

/* -----------------------------------------
   1. FLOATING CONTACT ELEMENT
   ----------------------------------------- */
.rh_floating_contact,
.rh_floating_contact_wrap,
.rh-floating-contact,
.floating-contact,
.rh_contact_float,
#rh_floating_contact {
  background-color: #E07B4C !important;
  color: #FFFFFF !important;
}

.rh_floating_contact a,
.rh_floating_contact_wrap a,
.rh-floating-contact a {
  color: #FFFFFF !important;
}

.rh_floating_contact:hover,
.rh_floating_contact_wrap:hover {
  background-color: #C86A3D !important;
}

/* Floating contact icon */
.rh_floating_contact i,
.rh_floating_contact svg,
.rh_floating_contact_wrap i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* -----------------------------------------
   2. SEARCH BAR IN FOOTER
   ----------------------------------------- */
footer .rh_prop_search,
.site-footer .rh_prop_search,
footer .rh-ultra-search-form,
footer .rh_search_form,
.footer-search,
footer .search-form,
footer .widget_search,
#footer-search {
  background-color: #1E3A42 !important;
}

footer .rh_prop_search input,
footer .rh_prop_search select,
footer .rh-ultra-search-form input,
footer .rh-ultra-search-form select,
footer .search-field,
.site-footer input[type="text"],
.site-footer input[type="search"],
.site-footer select {
  background-color: #CDDCE2 !important;
  border: 1px solid rgba(163,197,208,0.3) !important;
  color: #183038 !important;
}

footer .rh_prop_search input::placeholder,
footer input::placeholder {
  color: #5A7A84 !important;
}

footer .rh_prop_search .rh_prop_search__btn,
footer .search-submit,
footer button[type="submit"],
footer .rh-ultra-search-form button {
  background-color: #E07B4C !important;
  color: #FFFFFF !important;
}

footer .rh_prop_search .rh_prop_search__btn:hover,
footer .search-submit:hover {
  background-color: #C86A3D !important;
}

/* -----------------------------------------
   3. CONTACT BAR IN FOOTER
   ----------------------------------------- */
.rh_footer__contact,
.rh-footer-contact,
footer .contact-info,
footer .rh_contact_bar,
.footer-contact-wrap,
.rh_footer_widget_contact {
  background-color: #183038 !important;
  color: #A3C5D0 !important;
}

.rh_footer__contact a,
.rh-footer-contact a,
footer .contact-info a {
  color: #A3C5D0 !important;
}

.rh_footer__contact a:hover,
.rh-footer-contact a:hover {
  color: #E07B4C !important;
}

/* Footer contact icons */
.rh_footer__contact i,
.rh_footer__contact svg,
footer .contact-info i {
  color: #E07B4C !important;
}

/* Footer contact labels */
.rh_footer__contact_label,
.rh-footer-contact-label {
  color: #7AAFC0 !important;
}

/* Footer contact values (phone, email) */
.rh_footer__contact_value,
.rh-footer-contact-value {
  color: #FFFFFF !important;
}

/* -----------------------------------------
   4. BACK TO TOP / SCROLL UP BUTTON
   ----------------------------------------- */
#rh_scrollToTop,
.rh_scrollToTop,
.scroll-to-top,
.back-to-top,
#scroll-top,
.scrollToTop,
a.scrollToTop,
.rh-scroll-top {
  background-color: #E07B4C !important;
  color: #FFFFFF !important;
  border: none !important;
}

#rh_scrollToTop:hover,
.rh_scrollToTop:hover,
.scroll-to-top:hover,
.back-to-top:hover {
  background-color: #C86A3D !important;
}

#rh_scrollToTop i,
.rh_scrollToTop i,
.scroll-to-top i,
.back-to-top i,
#rh_scrollToTop svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* -----------------------------------------
   1. FOOTER CONTACTS BAR
   ----------------------------------------- */
.site-footer-contacts {
  background-color: #1E3A42 !important;
  color: #A3C5D0 !important;
}

.site-footer-contacts a:hover {
  color: #E07B4C !important;
}

.site-footer-contacts i,
.site-footer-contacts svg {
  color: #E07B4C !important;
}

.site-footer-contacts .contact-label,
.site-footer-contacts span {
  color: #7AAFC0 !important;
}

.site-footer-contacts .contact-value,
.site-footer-contacts p {
  color: #FFFFFF !important;
}

.breadcrumb-item.active {
  color: #E07B4C !important;
}

.breadcrumb-item a {
  color: #183038 !important;
}

.breadcrumb-item a:hover {
  color: #E07B4C !important;
}

/* Breadcrumb separator */
.breadcrumb-item + .breadcrumb-item::before {
  color: #3D7A8C !important;
}

/* Full breadcrumb container */
.breadcrumb,
.rh-ultra-breadcrumbs,
nav[aria-label="breadcrumb"] {
  background-color: #7AAFC0 !important;
  padding: 15px 0 !important;
}

ol.breadcrumb {
  background-color: transparent !important;
}

.rh-ultra-user-whatsapp-footer,
.rh-ultra-user-whatsapp-footer a {
  background-color: #3D7A8C !important;
  color: #FFFFFF !important;
  border: none !important;
}

.rh-ultra-footer-number,
 rh-ultra-user-phone-footer a {
  background-color: #3D7A8C !important;
  color: #FFFFFF !important;
  border: none !important;
}

.rh-ultra-footer-number:hover,
.rh-ultra-footer-number a:hover {
  background-color: #C86A3D !important;
  color: #FFFFFF !important;
}