/* WalkoPet V72 — mobile-first usability layer.
   Map containers, Leaflet controls and gesture rules are intentionally not styled here. */

:root{
  --wp72-ink:#17352a;
  --wp72-green:#1d7256;
  --wp72-soft:#f3f7f3;
  --wp72-line:#dce7df;
  --wp72-shadow:0 10px 30px rgba(18,56,43,.08);
}

body.wp72-ready{background:#f7f8f5;}
body.wp72-ready main{min-width:0;}

.wp72-highlight{outline:3px solid rgba(205,234,91,.55);outline-offset:3px;}
.wp72-action-row{display:flex;gap:10px;align-items:center;}

/* Keep walking actions visually first in the community view. */
.social-main .feed-home-actions{background:linear-gradient(135deg,#17352a,#245e48);border:0;box-shadow:0 16px 34px rgba(18,56,43,.18);}
.social-main .feed-home-actions h1,.social-main .feed-home-actions p{color:#fff;}
.social-main .feed-home-actions p{opacity:.82;}
.social-main .feed-home-actions .primary{background:#dff06e;color:#17352a;box-shadow:none;}
.social-main .local-walks-feed{border:1px solid #d5e6da;box-shadow:var(--wp72-shadow);}
.social-main .local-walk-card{border-color:#dbe8df;}
.social-main .local-walk-card:hover{border-color:#9fc8ae;}

/* Forms retain a 16px font size to prevent mobile browsers from zooming. */
input,select,textarea{font-size:16px;}
button,.btn,.circle,.icon-btn{min-height:44px;}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(112,177,82,.45);outline-offset:2px;}

.walk-card,.side-card,.composer,.social-post,.form-card,.walk-main,.join-card,.legal{border-color:var(--wp72-line);}
.walk-card,.side-card,.composer,.social-post,.form-card,.walk-main,.join-card{box-shadow:var(--wp72-shadow);}

@media (max-width:800px){
  html{background:#f7f8f5;}
  body.wp72-ready{padding-bottom:calc(82px + env(safe-area-inset-bottom));}
  body.wp72-keyboard-open .mobile-bottom-nav{transform:translateY(calc(100% + env(safe-area-inset-bottom)))!important;}
  body.wp72-keyboard-open{padding-bottom:0;}

  .nav{box-shadow:0 3px 18px rgba(18,56,43,.06);}
  .section{margin-top:30px;margin-bottom:34px;}
  .section-head{gap:12px;margin-bottom:18px;}
  .section h1{font-size:clamp(28px,8vw,36px);line-height:1.06;}
  .section h2{font-size:clamp(24px,7vw,30px);line-height:1.12;}

  .btn{min-height:48px;padding:11px 15px;font-size:14px;}
  .btn.wide{min-height:50px;}
  .filters{display:grid;grid-template-columns:1fr;gap:8px;padding:10px;border-radius:16px;}
  .filters input,.filters select,.filters .btn{width:100%;}

  /* Core interaction cards: easy one-hand scanning and tapping. */
  .walk-card{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:14px;border-radius:19px;}
  .walk-card .datebox{width:54px;height:54px;border-radius:15px;}
  .walk-card h3{font-size:17px;line-height:1.2;margin-top:5px;}
  .walk-card p{font-size:13px;line-height:1.35;}
  .walk-card small{font-size:12px;}

  .walk-main,.join-card,.form-card{padding:18px;border-radius:20px;}
  .walk-main h1{font-size:31px;}
  .walk-meta{gap:8px;margin:18px 0;}
  .walk-meta div{padding:12px;border-radius:14px;}
  .join-card{position:static;}

  .social-shell{display:block;margin-top:18px;}
  .social-sidebar,.social-right{display:none;}
  .social-main{min-width:0;}
  .feed-home-actions{border-radius:21px;padding:18px!important;}
  .feed-home-actions h1{font-size:26px!important;line-height:1.08;}
  .feed-home-actions .actions,.feed-home-actions .home-actions{display:grid;grid-template-columns:1fr;gap:9px;}
  .feed-home-actions .btn{width:100%;}
  .composer{padding:14px;border-radius:19px;}
  .local-walks-feed{margin-top:14px;border-radius:19px;padding:14px;}
  .local-walk-strip{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(245px,82vw);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px;}
  .local-walk-card{scroll-snap-align:start;min-height:132px;}
  .feed-tabs{position:sticky;top:64px;z-index:30;background:rgba(247,248,245,.96);backdrop-filter:blur(14px);padding:8px 0;}

  .nearby-page .section-head{gap:9px;}
  .nearby-page .section-head .btn{min-height:48px;}
  .nearby-toolbar{gap:8px;}
  .radius-control label{min-height:46px;}
  .map-filter-chips button{min-height:42px;}
  .nearby-list-panel{box-shadow:var(--wp72-shadow);}
  .nearby-item{min-height:64px;}

  .create71-shell{padding-bottom:90px;}
  .create71-card{border-radius:20px;box-shadow:var(--wp72-shadow);}
  .create71-chip-row button{min-height:44px;}
  .create71-sticky-actions .inner{box-shadow:0 -8px 26px rgba(18,56,43,.08);}

  .messages-layout{box-shadow:var(--wp72-shadow);}
  .threads>a,.thread-v70{min-height:62px;}
  .chat-form{padding-bottom:max(8px,env(safe-area-inset-bottom));}
  body.wp72-keyboard-open .messages-layout{height:100dvh!important;margin-top:0!important;border-radius:0;}

  .profile70-hero,.profile-card{border-radius:21px;}
  footer{padding-bottom:96px;}
}

@media (max-width:390px){
  .mobile-bottom-nav a small{font-size:8.5px;}
  .section{padding-left:11px;padding-right:11px;}
  .walk-card{padding:12px;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;}
}