/* ========================================
   DARK MODE STYLES FOR DREAMALBANIA
   ======================================== */

/* Toggle Button */
#theme-toggle {
    background: none;
    border: 1px solid #ddd;
    color: inherit;
    font-size: 16px;
    cursor: pointer;
    padding: 10px 12px;
    border-radius: 4px;
    transition: all 0.3s ease;
    width: 47px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#theme-toggle:hover {
    background-color: rgba(0,0,0,0.05);
}

#theme-toggle .light-icon {
    display: none;
}

/* Icon Toggle Logic */
body.dark-mode #theme-toggle .dark-icon {
    display: none;
}

body.dark-mode #theme-toggle .light-icon {
    display: inline;
}

/* ========================================
   DARK MODE BASE STYLES
   ======================================== */

body.dark-mode {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* Header & Navigation */
body.dark-mode #top-bar {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    display: block !important;
    visibility: visible !important;
}

body.dark-mode #header-container {
    background-color: #2d2d2d !important;
}

body.dark-mode #header {
    background-color: #2d2d2d !important;
    border-bottom: 1px solid #404040 !important;
}

body.dark-mode #navigation ul li a {
    color: #e0e0e0 !important;
}

/* Buttons */
body.dark-mode .button.border {
    border-color: #555 !important;
    color: #e0e0e0 !important;
    /*background-color: transparent !important;*/
}

body.dark-mode .button.border:hover {
    background-color: #404040 !important;
    color: #fff !important;
}

body.dark-mode .button {
    color: #e0e0e0 !important;
    /*background-color: transparent !important;*/
}

/* Dropdowns */
body.dark-mode .dropdown-menu {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
}

body.dark-mode .dropdown-item {
    color: #e0e0e0 !important;
}

body.dark-mode .dropdown-item:hover {
    background-color: #404040 !important;
}

/* ========================================
   TEXT ELEMENTS
   ======================================== */

/* Headings */
body.dark-mode h1, 
body.dark-mode h2, 
body.dark-mode h3, 
body.dark-mode h4, 
body.dark-mode h5, 
body.dark-mode h6 {
    color: #e0e0e0 !important;
}

/* General Text */
body.dark-mode p, 
body.dark-mode span, 
body.dark-mode div, 
body.dark-mode li {
    color: #e0e0e0 !important;
}

/* Specific Classes */
body.dark-mode .desc-headline {
    color: #e0e0e0 !important;
}

body.dark-mode .property-title h2 {
    color: #e0e0e0 !important;
}

body.dark-mode .property-main-features li {
    color: #e0e0e0 !important;
}

/* ========================================
   GRAY TEXT FIXES
   ======================================== */

/* Common gray text colors that need fixing */
body.dark-mode .showing-results,
body.dark-mode .listing-address,
body.dark-mode .listing-footer,
body.dark-mode .listing-footer a,
body.dark-mode .agent-details span,
body.dark-mode .property-features li span,
body.dark-mode .post-content span,
body.dark-mode .widget-text span,
body.dark-mode .comment-content span,
body.dark-mode .comments-amount {
    color: #c0c0c0 !important;
}

/* List elements with better contrast */
body.dark-mode ul.listing-details li,
body.dark-mode .listing-features li,
body.dark-mode .property-features li,
body.dark-mode ul.top-bar-menu li,
body.dark-mode .footer-links li,
body.dark-mode .widget li,
body.dark-mode .checkboxes li {
    color: #e0e0e0 !important;
}

/* Specific list item fixes */
body.dark-mode ul.listing-details li,
body.dark-mode .listing-details li {
    color: #c0c0c0 !important;
}

body.dark-mode .listing-features li {
    color: #e0e0e0 !important;
}

/* Breadcrumbs and navigation */
body.dark-mode #breadcrumbs ul li a,
body.dark-mode .breadcrumb-item {
    color: #c0c0c0 !important;
}

/* Form elements */
body.dark-mode .form-control,
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .select2-search__field {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

/* Links */
body.dark-mode a {
    color: #7db3ff !important;
}

body.dark-mode a:hover {
    color: #9cc5ff !important;
}
body.dark-mode .listing-content,
body.dark-mode .listing-features,
body.dark-mode .modal-content,
body.dark-mode .boxed-widget,
body.dark-mode .agent-widget,
body.dark-mode .listing-item,
body.dark-mode .agent-page,
body.dark-mode .post-content,
body.dark-mode .listing-details,
body.dark-mode .info-box,

body.dark-mode .dark-bg,
body.dark-mode .pxp-submit-property-side,
body.dark-mode ul.property-main-features {
    background: #030303 !important;
}
body.dark-mode ul.property-main-features > li,
body.dark-mode #titlebar,
body.dark-mode .agent-contact-details {
    background: #252525;
}
body.dark-mode .agent-contact-details,
body.dark-mode .icon-box-1,
body.dark-mode .testimonial-wraper,
body.dark-mode .headline-box {
    background: #252525;
}
body.dark-mode .dark-bg2 {
    background: #1a1a1a !important;
}
body.dark-mode .myPropertiesCarousel.single-slide .listing-address,
body.dark-mode .price-per-sqm,
body.dark-mode .sidebar-textbox ul.contact-details li strong,
body.dark-mode .sidebar-textbox ul.contact-details li i,
body.dark-mode .property-pricing .sub-price{
    color:#fff !important;
}
body.dark-mode a.advanced-search-button,
body.dark-mode li.select2-results__option,
body.dark-mode ul.chosen-results > li,
body.dark-mode .dropdown-item,
body.dark-mode a.chosen-single > span{
    color:#000 !important;
}

body.dark-mode .top-button,
body.dark-mode button.top-button,
body.dark-mode a.top-button {
    color:#274abb !important;;
}