/* ===================================================================
   BRAND COLORS - Site1 Real Estate
   ================================================================
   Primary color: #073B3A (Dark Green)
   Text on primary: #FFFFFF (White)
   ================================================================ */

/* ===================================================================
   PRICE DISPLAYS
   ================================================================ */

/* Property card prices */
.property-boxarea .price-area p,
.property-content .price-area p,
.property-details .price,
.property-price h3 {
    background: #073B3A !important;
    color: #fff !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    display: inline-block !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

/* Similar properties price */
.similar-property-card .price,
.property-card .price {
    background: #073B3A !important;
    color: #fff !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    display: inline-block !important;
}

/* ===================================================================
   PRIMARY BUTTONS
   ================================================================ */

/* Main theme buttons */
.theme-btn1,
.theme-btn2,
.btn-primary {
    background: #073B3A !important;
    color: #fff !important;
    border: 2px solid #073B3A !important;
    transition: all 0.3s ease !important;
}

.theme-btn1:hover,
.theme-btn2:hover,
.btn-primary:hover {
    background: #05312f !important;
    border-color: #05312f !important;
    color: #fff !important;
}

/* Outline/Secondary buttons */
.btn-outline-primary {
    background: transparent !important;
    color: #073B3A !important;
    border: 2px solid #073B3A !important;
}

.btn-outline-primary:hover {
    background: #073B3A !important;
    color: #fff !important;
    border-color: #073B3A !important;
}

/* ===================================================================
   SEARCH BUTTON
   ================================================================ */

/* New search bar submit button */
.new-search-submit,
#newSearchSubmit,
button[type="submit"].search-btn {
    background: #073B3A !important;
    color: #fff !important;
    border: none !important;
}

.new-search-submit:hover,
#newSearchSubmit:hover,
button[type="submit"].search-btn:hover {
    background: #05312f !important;
    color: #fff !important;
}

/* ===================================================================
   FORM SUBMIT BUTTONS
   ================================================================ */

/* Contact form and property interest forms */
form button[type="submit"],
form .btn-submit {
    background: #073B3A !important;
    color: #fff !important;
    border: 2px solid #073B3A !important;
}

form button[type="submit"]:hover,
form .btn-submit:hover {
    background: #05312f !important;
    border-color: #05312f !important;
    color: #fff !important;
}

/* ===================================================================
   LINKS AND ACCENTS
   ================================================================ */

/* Primary text links */
.text-primary,
a.text-primary {
    color: #073B3A !important;
}

.text-primary:hover,
a.text-primary:hover {
    color: #05312f !important;
}

/* Bootstrap primary overrides */
.bg-primary {
    background-color: #073B3A !important;
}

.border-primary {
    border-color: #073B3A !important;
}

/* ===================================================================
   SPECIFIC COMPONENT OVERRIDES
   ================================================================ */

/* Agent info widget buttons */
.agent-info-widget .btn-outline-primary,
.sidebar-widget .btn-outline-primary {
    border-color: #073B3A !important;
    color: #073B3A !important;
}

.agent-info-widget .btn-outline-primary:hover,
.sidebar-widget .btn-outline-primary:hover {
    background: #073B3A !important;
    color: #fff !important;
}

/* Success button (WhatsApp) keeps green */
.btn-success {
    background: #25D366 !important;
    border-color: #25D366 !important;
    color: #fff !important;
}

.btn-success:hover {
    background: #1ea952 !important;
    border-color: #1ea952 !important;
}

/* ===================================================================
   FONT AWESOME FIXES
   ================================================================ */

/* Ensure Font Awesome font family is applied */
.fa, .fas, .far, .fal, .fat, .fad, .fab,
.fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone, .fa-brands {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* Regular style icons */
.far, .fa-regular {
    font-weight: 400 !important;
}

/* Brand icons */
.fab, .fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Light icons */
.fal, .fa-light {
    font-weight: 300 !important;
}

/* Thin icons */
.fat, .fa-thin {
    font-weight: 100 !important;
}

/* ===================================================================
   WIDGET HEADERS - Force white text
   ================================================================ */

/* Ensure widget headers have white text and consistent styling */
.agent-info-widget h4,
.contact-form-widget h4,
.sidebar-widget h4,
.share-widget h4,
.property-sidebar .agent-info-widget h4,
.property-sidebar .contact-form-widget h4,
.property-sidebar .sidebar-widget h4,
.property-sidebar .share-widget h4 {
    color: #ffffff !important;
    background: #073B3A !important;
    padding: 1rem 1.5rem !important;
    font-weight: bold !important;
    border-radius: 12px 12px 0 0 !important;
    margin: -1.5rem -1.5rem 1rem -1.5rem !important;
    text-align: center !important;
}

/* ===================================================================
   MOBILE HEADER CIRCLE BUTTONS
   ================================================================ */

/* Circle buttons in mobile header */
.mobile-header .circle-button {
    background-color: #073B3A !important;
}

.mobile-header .circle-button:hover {
    background-color: #05312f !important;
}

.mobile-header .circle-button svg path {
    fill: #fff !important;
}

/* ===================================================================
   SHARE BUTTONS (Compartilhar)
   ================================================================ */

/* Override share buttons to use brand color */
.share-widget .share-buttons a.facebook,
.share-widget .share-buttons a.twitter {
    background: #073B3A !important;
    color: #fff !important;
}

.share-widget .share-buttons a.facebook:hover,
.share-widget .share-buttons a.twitter:hover {
    background: #05312f !important;
}

/* WhatsApp keeps its original green */
.share-widget .share-buttons a.whatsapp {
    background: #25d366 !important;
    color: white !important;
}

.share-widget .share-buttons a.whatsapp:hover {
    background: #1ea952 !important;
}

/* ===================================================================
   PRICE UNIFICATION - All prices use same style
   ================================================================ */

/* Price button style for Favoritos page */
.nm-btn {
    background: #073B3A !important;
    color: #fff !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.nm-btn:hover {
    background: #05312f !important;
    color: #fff !important;
    text-decoration: none !important;
}