/* STICKY BOTTOM MENU */ @media screen and (max-width: 768px) { .pwa-bottom-nav { display: flex !important; position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 64px !important; background: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08) !important; z-index: 999999 !important; justify-content: space-around !important; align-items: center !important; border-top: 1px solid rgba(0, 0, 0, 0.05) !important; padding-bottom: env(safe-area-inset-bottom); /* Fix for newer iPhones with gesture bars */ } .pwa-nav-item { display: flex !important; flex-direction: column !important; align-items: center !important; text-decoration: none !important; color: #535454; font-size: 10px !important; font-weight: 500 !important; letter-spacing: 0.2px; flex-grow: 1 !important; padding: 6px 0 !important; transition: transform 0.15s ease, color 0.2s ease !important; } .pwa-nav-item:active { transform: scale(0.92); /* App-like tactile press effect */ } .pwa-nav-item svg { margin-bottom: 4px; fill: #888888; transition: fill 0.2s ease; } /* Active state styling with a modern pill indicator */ .pwa-nav-item.active { color: #0f4fb9 !important; font-weight: 600 !important; } .pwa-nav-item.active svg { fill: #0056b3 !important; } /* Modern centered floating design for 'Add Listing' */ .pwa-nav-item.highlight-item { // color: #0056b3 !important; font-weight: 600 !important; } .pwa-nav-item.highlight-item svg { background: linear-gradient(135deg, #0056b3, #007bff) !important; fill: #ffffff !important; padding: 6px !important; border-radius: 50% !important; width: 22px !important; /* Matches the width of other icons */ height: 22px !important; /* Matches the height of other icons */ margin-bottom: 3px !important; box-shadow: 0 3px 8px rgba(0, 86, 179, 0.3) !important; box-sizing: content-box !important; /* Ensures padding expands symmetrically */ } .pwa-nav-item.highlight-item svg path { fill: #ffffff !important; } body { padding-bottom: 20px !important; } } /* STICKY BOTTOM MENU - END */ /* HEADER */ /* ================================================== MOBILE HEADER: Logo Left | Button Right (< 768px) ================================================== */ @media screen and (max-width: 768px) { /* Hide top administrative strip on mobile */ .top_strip { display: none !important; } .header_wrapper { padding-bottom: 5px !important; //background: #ffffff !important; padding-top: 3px; } /* Convert 960gs grid container into a row flexbox */ .header_wrapper .header .container_24 .grid_24 { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 6px 12px; } /* 1. LOGO (Left Side) */ .header .logo_wrapper { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; } .header .logo img, .header .mob-logo img { max-height: 60px !important; width: auto !important; display: block !important; } /* 2. BUTTON CONTAINER (Right Side) */ .header .grid_10.omega { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; } /* Remove legacy theme button images/caps */ .header .post_btn .btn_left, .header .post_btn .btn_right { display: none !important; } .header .post_btn .btn_center { background: none !important; padding: 0 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; } /* 1. Reset the outer anchor tag wrapper */ .header .post_btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: auto !important; min-height: unset !important; padding: 10px 14px !important; background: #0056b3 !important; border-radius: 18px !important; box-shadow: 0 2px 6px rgba(0, 86, 179, 0.25) !important; text-decoration: none !important; float: none !important; margin: 0 !important; } /* 2. Hide the legacy theme side sprites */ .header .post_btn .btn_left, .header .post_btn .btn_right { display: none !important; } /* 3. Kill the 45px height override on the text span */ .header_wrapper .header .post_btn .btn_center { background: transparent !important; height: auto !important; line-height: 1.2 !important; padding: 0 !important; margin: 0 !important; float: none !important; font-size: 12px !important; font-weight: 600 !important; color: #ffffff !important; text-align: center !important; display: block !important; } } /* HEADER - END */ /* HOME HEADER CARD */ @media screen and (max-width: 768px) { /* 1. Main Directory Section Outer Wrapper */ .app-dir-wrapper { padding: 0 !important; margin: 8px 10px 10px 10px !important; box-sizing: border-box !important; } /* 2. Modern App Header Card Container */ .app-header-card { background: #ffffff !important; padding: 10px 12px !important; border-radius: 10px !important; border: 1px solid #e2e8f0 !important; // border-left:4px solid #e53e3e !important; /* Stylish vertical accent line */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04) !important; margin-bottom: 10px !important; } /* 3. SEO H1 Title Styling (Title-Case, Compact & Clean) */ .app-header-card h1 { font-size: 14px !important; font-weight: 700 !important; color: #0f172a !important; /* Deep dark slate color */ line-height: 1.35 !important; margin: 0 0 2px 0 !important; padding: 0 !important; text-transform: capitalize !important; /* Turns harsh ALL CAPS into clean Title Case */ letter-spacing: -0.1px !important; } /* 4. Sub-heading text styling */ .app-header-card .app-sub-text, .app-header-card p { font-size: 11px !important; font-weight: 400 !important; color: #64748b !important; /* Soft gray color */ margin: 0 !important; padding: 0 !important; line-height: 1.3 !important; text-transform: capitalize !important; } } /* HOME HEADER CARD - END*/ /* LISTING CARD*/ /* LISTING CARD - END*/ @media screen and (max-width: 768px) { .app-card-address{font-size: smaller !important;} span.info_detail { font-size: x-small;} .app-card-excerpt {font-size: smaller;font-weight: 400;} span.badge-category {font-size: xx-small; background: antiquewhite;} .footer_bottom { display: none;} .cc-location-line{font-size: 12px !important;} }