/* İlanPlus v19 · targeted header, dock and footer redesign */

/* Compact dark desktop footer, divided into exactly five columns. */
html body .site-footer-v19{
  background:linear-gradient(112deg,#101b35 0%,#142443 58%,#0c1b35 100%) !important;
  color:#d4e0ef !important;
  border-top:0 !important;
  padding-top:0 !important;
  margin-top:72px;
  box-shadow:none !important;
}
html body .site-footer-v19 .footer-topline{
  border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
}
html body .site-footer-v19 .footer-topline-inner{
  min-height:84px;
  padding-block:17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
html body .site-footer-v19 .footer-topline-info{
  display:flex;align-items:center;gap:13px;color:#f2f6fc;font-size:15px;
  letter-spacing:-.15px;line-height:1.45;
}
html body .site-footer-v19 .footer-signal{
  width:11px;height:11px;flex:none;border-radius:50%;background:#4ade80;
  box-shadow:0 0 0 5px rgba(74,222,128,.10);
}
html body .site-footer-v19 .footer-topline-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:39px;padding:0 15px;border:1px solid rgba(125,172,255,.44);
  background:rgba(59,130,246,.18);color:#f4f8ff !important;
  border-radius:11px;font-weight:800;font-size:12px;white-space:nowrap;
  text-decoration:none;transition:background .2s ease,transform .2s ease;
}
html body .site-footer-v19 .footer-topline-cta:hover{background:rgba(59,130,246,.35);transform:translateY(-1px)}
html body .site-footer-v19 .footer-topline-cta svg{height:16px;width:16px}
html body .site-footer-v19 .footer-grid-v19{
  display:grid !important;
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.24fr) !important;
  gap:clamp(16px,2.7vw,38px) !important;
  padding-top:45px !important;
  padding-bottom:45px !important;
  align-items:start;
  width:100%;
}
html body .site-footer-v19 .footer-grid-v19>*{
  min-width:0;grid-column:auto !important;
  overflow-wrap:anywhere;
}
html body .site-footer-v19 .footer-logo{display:inline-flex;align-items:center;background:#fff;border-radius:13px;padding:5px 9px}
html body .site-footer-v19 .footer-logo img{width:148px;max-width:100%;height:36px;object-fit:contain}
html body .site-footer-v19 .footer-brand-col>p{
  max-width:275px;margin:18px 0 16px;
  color:#b9c8dc !important;font-size:12px !important;line-height:1.8 !important;
}
html body .site-footer-v19 .footer-tags{display:flex;flex-wrap:wrap;gap:7px}
html body .site-footer-v19 .footer-tags span{
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 9px;border:1px solid rgba(255,255,255,.11);border-radius:999px;
  font-size:10px;font-weight:700;color:#c8daee;background:rgba(255,255,255,.03);
}
html body .site-footer-v19 .footer-tags svg{width:13px;height:13px;color:#66d6b2}
html body .site-footer-v19 .footer-column{
  display:flex;flex-direction:column;align-items:flex-start;gap:13px;
}
html body .site-footer-v19 .footer-column h3{
  margin:3px 0 7px !important;padding:0 !important;
  color:#fff !important;font-size:13px !important;font-weight:800 !important;
  line-height:1.5;letter-spacing:.1px;
}
html body .site-footer-v19 .footer-column a{
  display:inline-block !important;position:relative;
  margin:0 !important;padding:0 !important;
  color:#bdcce0 !important;font-size:12px !important;font-weight:500 !important;
  line-height:1.48;text-decoration:none;transition:color .16s ease;
}
html body .site-footer-v19 .footer-column a:hover{color:#7fb6ff !important}
html body .site-footer-v19 .footer-column>p{
  margin:0 !important;color:#b4c5db !important;font-size:12px !important;
  line-height:1.65 !important;
}
html body .site-footer-v19 .footer-column>.footer-help-text{
  border-left:2px solid #60a5fa;padding-left:10px;font-size:11px !important;
}
html body .site-footer-v19 .footer-bottom-v19{
  display:flex !important;flex-wrap:wrap;justify-content:space-between !important;
  align-items:center;gap:12px;
  padding:18px 0 23px !important;margin-top:0 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  color:#93a8c3 !important;font-size:11px !important;
}
html body .site-footer-v19 .footer-bottom-v19 span{color:#93a8c3 !important}
html body .site-footer-v19 .footer-bottom-v19 a{color:#bcd5f2 !important;text-decoration:none;font-size:11px}
@media(min-width:901px) and (max-width:1199px){
 html body .site-footer-v19 .footer-grid-v19{grid-template-columns:1.35fr repeat(4,minmax(0,1fr)) !important;gap:17px !important}
 html body .site-footer-v19 .footer-column a{font-size:11px !important}
}
@media(max-width:900px){
 html body .site-footer-v19{display:none !important}
}

/* Mobile: location between the logo and account. Keep the original compact header dimensions. */
@media(max-width:900px){
 html body .site-header .head-inner{
   grid-template-columns:36px minmax(0,1fr) minmax(70px,105px) 36px !important;
   grid-template-rows:38px 43px !important;
   grid-template-areas:'menu brand location account' 'search search search search' !important;
   column-gap:7px !important;
 }
 html body .site-header .mobile-menu-trigger{
   grid-area:menu !important;grid-column:1 !important;grid-row:1 !important;
 }
 html body .site-header .brand{
   grid-area:brand !important;grid-column:2 !important;grid-row:1 !important;
   justify-self:start !important;max-width:100% !important;
 }
 html body .site-header .brand-logo{height:33px !important;max-width:100% !important}
 html body .site-header .mobile-location-trigger{
   grid-area:location !important;grid-column:3 !important;grid-row:1 !important;
   display:flex !important;flex-direction:row;align-items:center;justify-content:center;
   gap:4px;width:100%;height:37px;min-width:0;margin:0;padding:2px 4px;
   border:1px solid #e6ecf5;border-radius:10px;background:#fff;
   color:#3c526e;cursor:pointer;overflow:hidden;
 }
 html body .site-header .mobile-location-trigger svg{
   height:17px !important;width:17px !important;min-width:17px;flex:none;
   stroke-width:1.8;
 }
 html body .site-header .mobile-location-trigger span{
   max-width:calc(100% - 21px);min-width:0;overflow:hidden;
   white-space:normal;overflow-wrap:anywhere;text-align:left;display:-webkit-box;
   -webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
   font-size:9px;line-height:11px;font-weight:750;color:#274160;
 }
 html body .site-header .mobile-account-trigger{
   grid-area:account !important;grid-column:4 !important;grid-row:1 !important;
   width:36px !important;min-width:36px !important;
 }
 html body .site-header .header-search{
   grid-area:search !important;grid-column:1/-1 !important;grid-row:2 !important;
 }
 html body .mobile-location-strip{display:none !important}
 html body{padding-top:104px !important}
 /* Bottom bar: anchored edge-to-edge like a compact header, no floating/cutout effect. */
 html body .bottom-navigation{
   display:flex !important;position:fixed !important;z-index:1160 !important;
   left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;
   width:100% !important;max-width:none !important;
   min-height:59px !important;margin:0 !important;
   padding:5px max(8px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right)) !important;
   border-radius:0 !important;
   border:0 !important;border-top:1px solid #e5eaf2 !important;
   background:#fff !important;box-shadow:0 -2px 12px rgba(15,23,42,.07) !important;
   backdrop-filter:none !important;transform:none !important;
   align-items:center !important;justify-content:space-around !important;gap:2px !important;
 }
 html body .bottom-navigation>a{
   display:flex !important;flex:1 1 0 !important;flex-direction:column !important;
   justify-content:center !important;align-items:center !important;
   gap:2px !important;min-width:0 !important;max-width:none !important;
   min-height:46px !important;margin:0 !important;padding:0 2px !important;
   font-size:10px !important;line-height:1.15 !important;
   font-weight:650 !important;text-align:center !important;
   color:#8090a5 !important;text-decoration:none !important;
 }
 html body .bottom-navigation>a.current{color:#2563eb !important}
 html body .bottom-navigation>a>svg{width:23px !important;height:23px !important;flex:none;stroke-width:1.8 !important}
 html body .bottom-navigation>a:not(.mobile-sell)>span,
 html body .bottom-navigation>a>small{margin:0 !important;padding:0 !important;font-size:9.5px !important;line-height:12px !important;font-weight:700 !important}
 html body .bottom-navigation .mobile-sell{
   position:static !important;top:auto !important;bottom:auto !important;
   transform:none !important;flex:1 1 0 !important;
   color:#2563eb !important;
 }
 html body .bottom-navigation .mobile-sell>span{
   position:static !important;transform:none !important;
   display:grid !important;place-items:center !important;
   width:36px !important;height:34px !important;min-height:34px !important;
   background:#eaf1ff !important;color:#2563eb !important;
   border:1px solid #d9e7ff !important;border-radius:11px !important;
   box-shadow:none !important;
 }
 html body .bottom-navigation .mobile-sell>span svg{width:22px !important;height:22px !important}
 html body .bottom-navigation .mobile-sell>small{display:block !important;color:#2563eb !important}
 html body .main-wrap{padding-bottom:82px !important}
}
@media(max-width:350px){
 html body .site-header .head-inner{grid-template-columns:34px minmax(0,1fr) minmax(62px,86px) 34px !important;column-gap:5px !important}
 html body .site-header .brand-logo{height:29px !important}
 html body .site-header .mobile-location-trigger span{font-size:8px !important}
}