/* Custom CSS for propertype.in - Mobile & Desktop Responsive Fixes */

/* =========================================
   1. MOBILE VIEW (Phones) - Fixes & Layout
========================================== */
@media screen and (max-width: 768px) {
    /* Search Box ko properly 2 line me arrange karna */
    .housing-style-search {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .keyword-input.unified-search {
        width: 100% !important;
        margin-bottom: 12px !important; /* Niche button ke liye jagah */
    }
    .keyword-input.unified-search input#txtkey {
        border-radius: 8px !important;
        height: 55px !important;
        width: 100% !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
    }
    .search-button-wrapper {
        position: relative !important;
        width: 100% !important;
        height: 55px !important;
    }
    .search-button-wrapper button {
        border-radius: 8px !important;
        width: 100% !important;
        height: 100% !important;
        font-size: 18px !important;
        box-shadow: 0 4px 10px rgba(94, 35, 220, 0.3) !important;
    }
    
    /* Main Title ka design and spacing */
    .home_banner .banner-text-description {
        margin-bottom: 25px !important;
        text-shadow: 2px 2px 10px rgba(0,0,0,0.8) !important;
        font-size: 26px !important;
        padding: 0 10px;
        line-height: 1.4 !important;
    }
    
    /* Topbar hide karna taki mobile me screen clear lage */
    .topbar {
        display: none !important;
    }
}

/* =========================================
   2. DESKTOP VIEW (Laptops/PCs) - Premium UI
========================================== */
@media screen and (min-width: 769px) {
    /* Desktop Title Premium Look */
    .home_banner .banner-text-description {
        text-shadow: 2px 2px 15px rgba(0,0,0,0.8) !important;
        font-size: 46px !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px;
    }
    
    /* Search Bar 3D Shadow */
    .housing-style-search {
        box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;
        border-radius: 8px !important;
    }
    
    /* Search Button Hover Effect (Smooth transition) */
    .search-button-wrapper button {
        transition: all 0.3s ease !important;
    }
    .search-button-wrapper button:hover {
        background-color: #4a1bb0 !important; /* Thoda dark purple */
        border-color: #4a1bb0 !important;
        transform: scale(1.02);
    }
}