/* ================================================
   HEADER - Hide Elements
   ================================================ */

/* Hide Register button */
div.register ul.d-flex li:last-child {
    display: none !important;
}

/* Hide the slash separator between Login and Register */
div.register ul.d-flex li:nth-child(2) {
    display: none !important;
}

/* Hide Wishlist */
a.my-wishlist-link {
    display: none !important;
}

/* Hide announcement ticker */
.top-header-left {
    display: none !important;
}

/* Hide Submit Property button */
div.header-account {
    display: none !important;
}

/* ================================================
   HERO BANNER - Video Background
   ================================================ */

section.flat-slider {
    position: relative;
    overflow: hidden;
    min-height: 77vh !important;
}

section.flat-slider .container {
    position: relative;
    z-index: 2;
}

/* Reduce overlay darkness to show video clearly */
section.flat-slider .overlay {
    z-index: 1;
    opacity: 0.3 !important;
}

/* ================================================
   PROPERTY CATEGORIES - Filter by Type Section
   ================================================ */

/* White background for the section */
section.flat-section-v3 {
    background-color: #ffffff !important;
}

/* Fix title color after background change */
section.flat-section-v3 .section-title {
    color: #1a1a1a !important;
}

/* Category cards base styles */
a.homeya-categories {
    background-size: cover !important;
    background-position: center !important;
    height: 280px !important;
    border-radius: 12px !important;
    justify-content: flex-end !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Assign photos per category */
a.homeya-categories[href*="apartmen"] {
    background-image: url('https://merocoastestates.al/storage/property-categories/31-property-saranda-real-estate.webp') !important;
}

a.homeya-categories[href*="villa"] {
    background-image: url('https://merocoastestates.al/storage/property-categories/villas-property-saranda-real-estate.webp') !important;
}

a.homeya-categories[href*="condo"] {
    background-image: url('https://merocoastestates.al/storage/property-categories/21-property-saranda-real-estate.webp') !important;
}

a.homeya-categories[href*="land"] {
    background-image: url('https://merocoastestates.al/storage/property-categories/land-property-saranda-real-estate.webp') !important;
}

a.homeya-categories[href*="commercial"] {
    background-image: url('https://merocoastestates.al/storage/property-categories/commercial-property-saranda-real-estate.webp') !important;
}

/* Dark gradient overlay at bottom of each card */
a.homeya-categories::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(transparent, rgba(0,0,0,0.75));
    z-index: 1;
}

/* Hide default icon */
a.homeya-categories .icon-box {
    display: none !important;
}

/* Text container */
a.homeya-categories .content {
    position: relative !important;
    z-index: 2 !important;
    padding: 20px !important;
    text-align: left !important;
    width: 100% !important;
}

/* Category name */
a.homeya-categories h6 {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    overflow: visible !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
}

/* Property count */
a.homeya-categories p {
    color: #ffffff !important;
    font-size: 14px !important;
}

/* ================================================
   PROMO BANNER - Featured Project (3 Island Hotel)
   ================================================ */

.promo-banner-section {
    padding: 60px 20px;
    background: #fff;
}

.promo-banner-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    border-radius: 16px;
    overflow: hidden;
    background: #2a2a2a;
}

.promo-banner-image {
    flex: 1;
    min-height: 450px;
}

.promo-banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.promo-banner-content {
    flex: 1;
    padding: 50px 40px;
    background: #2a2a2a;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.promo-banner-tag {
    color: #c9a96e;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 16px;
    display: block;
}

.promo-banner-title {
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px;
    line-height: 1.2;
}

.promo-banner-desc {
    color: #cccccc;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 24px;
}

.promo-banner-list {
    list-style: none;
    padding: 0;
    margin: 0 0 32px 0;
}

.promo-banner-list li {
    color: #cccccc;
    font-size: 15px;
    padding: 6px 0;
    padding-left: 20px;
    position: relative;
}

.promo-banner-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #c9a96e;
    font-weight: 700;
}

.promo-banner-list li strong {
    color: #ffffff;
}

/* Button */
.promo-banner-btn {
    display: inline-block;
    background: #1a3c5e !important;
    color: #ffffff !important;
    padding: 16px 32px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    align-self: flex-start;
}

.promo-banner-btn:hover {
    background: #15304d !important;
    color: #ffffff !important;
}

/* Responsive */
@media (max-width: 768px) {
    .promo-banner-container {
        flex-direction: column;
    }
    .promo-banner-image {
        min-height: 250px;
    }
    .promo-banner-content {
        padding: 30px 20px;
    }
}

/* ================================================
   SEARCH BOX - Modern Transparent Style
   ================================================ */

/* Main search box container - gradient */
.flat-tab.flat-tab-form {
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.25)) !important;
    border-radius: 12px !important;
    border: none !important;
    box-shadow: none !important;
    padding: 20px !important;
    backdrop-filter: none !important;
}

/* Hide keyword field */
div.form-group-1.form-search-keyword-input {
    display: none !important;
}

/* Style tabs */
ul.nav-tab-form .nav-tab-item a {
    background: rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border-radius: 6px 6px 0 0 !important;
}

ul.nav-tab-form .nav-tab-item a.active {
    background: rgba(255,255,255,0.95) !important;
    color: #1a1a1a !important;
}

/* Make inner white bar transparent */
div.wd-find-select {
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    border-radius: 8px !important;
}

/* Make inputs transparent */
div.wd-find-select .inner-group {
    background: transparent !important;
}

/* Style search button */
.flat-tab-form .btn-search,
.flat-tab-form button[type="submit"] {
    background: #c9a96e !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border: none !important;
}

.flat-tab-form .btn-search:hover,
.flat-tab-form button[type="submit"]:hover {
    background: #b8935a !important;
    color: #ffffff !important;
}

/* Hide search box labels */
.form-search-location label,
.form-search-category label {
    display: none !important;
}

/* Add icons to search dropdowns */
.form-search-location .nice-select::before {
    content: '⊕';
    font-size: 16px;
    margin-right: 10px;
    color: #666;
}

.form-search-category .nice-select::before {
    content: '≡';
    font-size: 16px;
    margin-right: 10px;
    color: #666;
}

/* Better spacing inside dropdowns */
.form-search-location .nice-select,
.form-search-category .nice-select {
    display: flex !important;
    align-items: center !important;
    padding-left: 15px !important;
    gap: 8px !important;
}

.form-search-location .nice-select .current,
.form-search-category .nice-select .current {
    margin-left: 5px !important;
}

/* Map price labels */
div.leaflet-marker-icon.boxmarker {
    background-color: #c9a96e !important;
    color: #ffffff !important;
}