/* Urbiax mobile controls polish v2 — 2026-08-07
   Stronger, more colourful button system for mobile hero and dock. */

@media (max-width:768px){
  /* --- Hero spacing --- */
  body.urbiax-modern-home-v1 .ubx-mobile-superhero{
    padding-top:13px !important;
    padding-bottom:10px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brandrow{
    min-height:46px !important;
    margin-bottom:7px !important;
    padding-right:112px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brand-main{
    font-size:clamp(34px,9.9vw,50px) !important;
    line-height:.90 !important;
  }

  /* Guest benefits repeated the same message and made the banner too tall. */
  body.urbiax-modern-home-v1.ubx-user-guest .ubx-mobile-superhero .ubx-value-pills,
  body.urbiax-modern-home-v1.ubx-user-logged-in .ubx-mobile-superhero .ubx-value-pills{
    display:none !important;
  }

  /* --- Modern day/night switch --- */
  body.urbiax-modern-home-v1 .ubx-ms-brandrow .ubx-theme-toggle-mini{
    position:absolute !important;
    right:108px !important;
    top:1px !important;
    width:58px !important;
    min-width:58px !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.28) !important;
    background:rgba(7,25,63,.22) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 20px rgba(5,25,68,.12) !important;
    backdrop-filter:blur(14px) saturate(1.15) !important;
    -webkit-backdrop-filter:blur(14px) saturate(1.15) !important;
    color:transparent !important;
    font-size:0 !important;
    overflow:hidden !important;
    display:block !important;
    cursor:pointer !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brandrow .ubx-theme-toggle-mini::before{
    content:"" !important;
    position:absolute !important;
    left:3px !important;
    top:3px !important;
    width:24px !important;
    height:24px !important;
    border-radius:50% !important;
    background:linear-gradient(180deg,#ffffff,#edf5ff) !important;
    box-shadow:0 4px 12px rgba(4,25,70,.18),inset 0 1px 0 #fff !important;
    transform:translateX(0) !important;
    transition:transform .22s ease !important;
    z-index:1 !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brandrow .ubx-theme-toggle-mini::after{
    content:"☀" !important;
    position:absolute !important;
    left:8px !important;
    top:50% !important;
    transform:translateY(-51%) !important;
    z-index:2 !important;
    color:#2463d8 !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brandrow .ubx-theme-toggle-mini[aria-pressed="true"]::before{
    transform:translateX(28px) !important;
    background:linear-gradient(180deg,#eef4ff,#dfe9ff) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brandrow .ubx-theme-toggle-mini[aria-pressed="true"]::after{
    content:"☾" !important;
    left:auto !important;
    right:8px !important;
    color:#203a86 !important;
  }
  body.urbiax-modern-home-v1.ubx-user-guest .ubx-theme-toggle-mini{display:none !important;}

  /* Admin stats: make it look like part of the same glass header. */
  body.urbiax-modern-home-v1 .uhhr-stats-widget{
    top:9px !important;
    right:9px !important;
  }
  body.urbiax-modern-home-v1 .uhhr-stats-btn{
    min-height:38px !important;
    padding:5px 7px 5px 12px !important;
    gap:7px !important;
    border-radius:999px !important;
    background:rgba(8,19,44,.78) !important;
    border:1px solid rgba(255,255,255,.24) !important;
    box-shadow:0 10px 24px rgba(6,22,58,.20),inset 0 1px 0 rgba(255,255,255,.14) !important;
    backdrop-filter:blur(16px) saturate(1.15) !important;
    -webkit-backdrop-filter:blur(16px) saturate(1.15) !important;
  }
  body.urbiax-modern-home-v1 .uhhr-stats-word{font-size:11px !important;letter-spacing:.08em !important;}
  body.urbiax-modern-home-v1 .uhhr-today-pill{
    min-width:27px !important;
    min-height:27px !important;
    padding:0 7px !important;
    background:rgba(255,255,255,.15) !important;
  }

  /* --- Guest auth buttons: smaller frosted segmented controls --- */
  body.urbiax-modern-home-v1 .ubx-ms-guest-actions{
    gap:8px !important;
    margin:0 0 13px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-auth{
    min-height:44px !important;
    border-radius:18px !important;
    font-size:13.5px !important;
    font-weight:950 !important;
    color:#17243f !important;
    border:1px solid rgba(255,255,255,.58) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.91),rgba(244,249,255,.76)) !important;
    box-shadow:0 10px 22px rgba(4,30,75,.10),inset 0 1px 0 rgba(255,255,255,.96) !important;
    backdrop-filter:blur(12px) saturate(1.1) !important;
    -webkit-backdrop-filter:blur(12px) saturate(1.1) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-auth:first-child::before{content:"↪";margin-right:7px;color:#315cd8;font-size:15px;}
  body.urbiax-modern-home-v1 .ubx-ms-auth:last-child::before{content:"+";margin-right:7px;color:#0b8e66;font-size:16px;font-weight:1000;}

  body.urbiax-modern-home-v1 .ubx-mobile-superhero h2{
    margin:0 0 5px !important;
    font-size:clamp(26px,7.6vw,36px) !important;
    line-height:.97 !important;
    max-width:100% !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-superhero p,
  body.urbiax-modern-home-v1 .ubx-mobile-superhero p.ubx-guest-add-note{
    margin:0 0 10px !important;
    font-size:11.8px !important;
    line-height:1.28 !important;
  }

  /* Main guest CTA: flatter, cleaner, and separated from the browse controls. */
  body.urbiax-modern-home-v1 .ubx-guest-primary-post{
    min-height:44px !important;
    margin:5px 0 9px !important;
    padding:0 17px !important;
    border-radius:17px !important;
    font-size:13.5px !important;
    font-weight:950 !important;
    letter-spacing:-.015em !important;
    background:linear-gradient(105deg,#235fe9 0%,#168adf 58%,#12a8d2 100%) !important;
    box-shadow:0 12px 24px rgba(5,44,116,.18),inset 0 1px 0 rgba(255,255,255,.18) !important;
    border:1px solid rgba(255,255,255,.18) !important;
  }
  body.urbiax-modern-home-v1 .ubx-guest-primary-post::after{
    content:"→" !important;
    margin-left:9px !important;
    font-size:17px !important;
    line-height:1 !important;
    opacity:.92 !important;
  }

  /* --- Logged-in top controls --- */
  body.urbiax-modern-home-v1 .ubx-ms-headgrid{
    grid-template-columns:minmax(0,1fr) 104px !important;
    gap:8px !important;
    margin-bottom:9px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-support{
    min-height:45px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(243,249,255,.78)) !important;
    box-shadow:0 10px 20px rgba(5,31,76,.09),inset 0 1px 0 rgba(255,255,255,.96) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-logout{
    min-height:45px !important;
    border-radius:18px !important;
    color:#26334b !important;
    background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(243,248,255,.76)) !important;
    border:1px solid rgba(255,255,255,.55) !important;
    box-shadow:0 10px 20px rgba(5,31,76,.09),inset 0 1px 0 rgba(255,255,255,.94) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-logout::before{content:"↪";margin-right:6px;color:#64748b;font-size:14px;}

  /* Add Rental / Sale / Swap: stronger colour, still polished and modern. */
  body.urbiax-modern-home-v1 .ubx-ms-adds{
    gap:9px !important;
    margin:1px 0 9px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-adds .ubx-ms-btn{
    position:relative !important;
    overflow:hidden !important;
    min-height:44px !important;
    border-radius:18px !important;
    color:#fff !important;
    font-size:12.2px !important;
    font-weight:1000 !important;
    letter-spacing:-.015em !important;
    border:1px solid rgba(255,255,255,.32) !important;
    box-shadow:0 12px 24px rgba(4,29,72,.16), inset 0 1px 0 rgba(255,255,255,.22) !important;
    text-shadow:0 1px 0 rgba(0,0,0,.10) !important;
    backdrop-filter:blur(10px) saturate(1.22) !important;
    -webkit-backdrop-filter:blur(10px) saturate(1.22) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-adds .ubx-ms-btn::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important; right:0 !important; top:0 !important;
    height:46% !important;
    background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0)) !important;
    pointer-events:none !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-adds .ubx-ms-btn.rent{
    background:linear-gradient(135deg,#3b82f6 0%,#2563eb 54%,#1d4ed8 100%) !important;
    box-shadow:0 14px 26px rgba(37,99,235,.26), inset 0 1px 0 rgba(255,255,255,.22) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-adds .ubx-ms-btn.sale{
    background:linear-gradient(135deg,#ff8746 0%,#f97316 54%,#ea580c 100%) !important;
    box-shadow:0 14px 26px rgba(234,88,12,.24), inset 0 1px 0 rgba(255,255,255,.22) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-adds .ubx-ms-btn.swap{
    background:linear-gradient(135deg,#4ade80 0%,#22c55e 54%,#16a34a 100%) !important;
    box-shadow:0 14px 26px rgba(22,163,74,.24), inset 0 1px 0 rgba(255,255,255,.22) !important;
  }

  /* Browse modes: brighter tinted cards with clearer category colours. */
  body.urbiax-modern-home-v1 .ubx-ms-modes{
    gap:9px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-modes .ubx-ms-btn{
    min-height:44px !important;
    border-radius:18px !important;
    padding:0 10px !important;
    font-size:12.4px !important;
    font-weight:950 !important;
    box-shadow:0 10px 22px rgba(5,31,76,.10), inset 0 1px 0 rgba(255,255,255,.95) !important;
    backdrop-filter:blur(10px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(10px) saturate(1.08) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-modes .ubx-ms-btn.rent{
    color:#1e56cf !important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(241,247,255,.90)) !important;
    border:1px solid rgba(59,130,246,.24) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-modes .ubx-ms-btn.sale{
    color:#d85c1a !important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,247,241,.92)) !important;
    border:1px solid rgba(249,115,22,.24) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-modes .ubx-ms-btn.swap{
    color:#1f8f4f !important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(241,252,245,.92)) !important;
    border:1px solid rgba(34,197,94,.24) !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-modes .ubx-ms-btn .btnico{
    width:27px !important;
    height:27px !important;
    margin-right:7px !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.70), 0 4px 10px rgba(15,23,42,.06) !important;
    font-size:13px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-modes .ubx-ms-btn.rent .btnico{background:linear-gradient(180deg,#eff5ff,#ddeaff) !important;color:#2463d8 !important;}
  body.urbiax-modern-home-v1 .ubx-ms-modes .ubx-ms-btn.sale .btnico{background:linear-gradient(180deg,#fff3ec,#ffe1d0) !important;color:#d45a25 !important;}
  body.urbiax-modern-home-v1 .ubx-ms-modes .ubx-ms-btn.swap .btnico{background:linear-gradient(180deg,#effcf3,#dcf7e5) !important;color:#1f8a50 !important;}

  /* --- Bottom fixed actions ---
     Guests already have the CTA in the hero, so a second fixed copy only covers listing controls. */
  body.urbiax-modern-home-v1.ubx-user-guest .ubx-mobile-action-dock{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  body.urbiax-modern-home-v1.ubx-user-logged-in .ubx-mobile-action-dock{
    left:12px !important;
    right:auto !important;
    bottom:max(12px,env(safe-area-inset-bottom)) !important;
    width:126px !important;
    padding:5px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.88) !important;
    border:1px solid rgba(255,255,255,.72) !important;
    box-shadow:0 14px 32px rgba(15,23,42,.18) !important;
    backdrop-filter:blur(16px) saturate(1.12) !important;
    -webkit-backdrop-filter:blur(16px) saturate(1.12) !important;
  }
  body.urbiax-modern-home-v1.ubx-user-logged-in .ubx-mobile-action-dock .post{
    min-height:42px !important;
    border-radius:999px !important;
    font-size:0 !important;
    padding:0 14px !important;
    white-space:nowrap !important;
    background:linear-gradient(105deg,#2b66ef 0%,#1d8ce6 62%,#129fe0 100%) !important;
  }
  body.urbiax-modern-home-v1.ubx-user-logged-in .ubx-mobile-action-dock .post::before{
    content:"+ Add listing" !important;
    font-size:12.5px !important;
    font-weight:950 !important;
    letter-spacing:-.01em !important;
  }

  /* Keep the chat button clear of the compact Add pill. */
  body.urbiax-modern-home-v1 #ubxMobileChatJump.ubx-mobile-chat-jump,
  body.urbiax-modern-home-v1 .ubx-mobile-chat-jump#ubxMobileChatJump{
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    right:14px !important;
    bottom:max(12px,calc(env(safe-area-inset-bottom) + 12px)) !important;
    box-shadow:0 14px 30px rgba(31,94,216,.26) !important;
  }

  /* A little less blank space beneath the hero. */
  body.urbiax-modern-home-v1 .ubx-mobile-filter-view-row{margin-top:8px !important;}
}

@media (max-width:390px){
  body.urbiax-modern-home-v1 .ubx-ms-brandrow{padding-right:106px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-brandrow .ubx-theme-toggle-mini{
    right:101px !important;
    width:54px !important;
    min-width:54px !important;
    height:30px !important;
    min-height:30px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brandrow .ubx-theme-toggle-mini::before{width:22px !important;height:22px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-brandrow .ubx-theme-toggle-mini[aria-pressed="true"]::before{transform:translateX(26px) !important;}
  body.urbiax-modern-home-v1 .ubx-ms-brandrow .ubx-theme-toggle-mini::after{left:7px !important;font-size:12px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-brandrow .ubx-theme-toggle-mini[aria-pressed="true"]::after{left:auto !important;right:7px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-auth{min-height:42px !important;font-size:13px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-modes .ubx-ms-btn{font-size:11.8px !important;padding:0 7px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-modes .ubx-ms-btn .btnico{width:24px !important;height:24px !important;margin-right:5px !important;}
}