/* =====================================================================
   DEV POLISH PASS — Hostinger + Apple: calmer sidebar, micro-animations,
   borders over shadows, more air, locked type scale.
   Loaded AFTER webbly.css so it wins.
   ===================================================================== */

/* ---- 120ms ease-out on everything interactive ---- */
body > .nav-content .nav-link,
body > .nav-content .dropdown-item,
.btn, .wbtn, .wh-pills a, .wh-site, .wh-todo, .addon,
.card-blesta, .panel, .cards .card, .ov-card, .wh-res .rc,
.choices__inner, .choices__item, .table tbody tr,
.wh-topbar .nav-link, .list-group-item-action, .card-nav .card-links > li > a{
  transition: all 120ms ease-out !important;
}

/* ---- Sidebar: 44px rows, air, thin text, near-invisible hover, soft grey active ---- */
body > .nav-content{ padding:20px 0; }
body > .nav-content .navbar-collapse > .container-md{ padding:0 12px !important; }
body > .nav-content .navbar-nav{ gap:6px !important; }
body > .nav-content .nav-link{
  min-height:44px; padding:10px 14px 10px 18px !important; border-radius:12px;
  font-weight:500 !important; font-size:14px; color:#4b5563 !important; box-shadow:none !important;
}
body > .nav-content .nav-link:hover{ background:#fafafa !important; color:#111827 !important; transform:none !important; }
body > .nav-content .nav-item.active > .nav-link{
  background:#f2f3f8 !important; color:#111827 !important; font-weight:600 !important; box-shadow:none !important; border:none !important;
}
body > .nav-content .nav-item.active > .nav-link::before{ color:#111827 !important; }

/* submenu reads as one quiet list */
body > .nav-content .dropdown-menu{
  margin:2px 0 2px 12px !important; padding-left:16px !important; border-left:1px solid #ececf2 !important;
  transition:max-height 160ms ease-out, opacity 140ms ease-out, transform 160ms ease-out, visibility 0s linear 160ms, padding 160ms ease-out !important;
}
body > .nav-content .dropdown-menu.show{
  transition:max-height 160ms ease-out, opacity 140ms ease-out, transform 160ms ease-out, visibility 0s !important;
}
body > .nav-content .dropdown-menu .dropdown-item{ font-size:12.5px !important; padding:8px 10px !important; color:#6b7280 !important; }
body > .nav-content .dropdown-menu .dropdown-item:hover{ transform:none !important; }

/* ---- Shadows → borders (#ececf2) ---- */
.card-blesta, .panel, .cards .card, .ov-card, .wh-todo, .wh-site, .wh-res .rc, .addon, .meter,
.wh-topbar .dropdown-menu, .choices__list--dropdown, .list-group{
  box-shadow:none !important; border:1px solid #ececf2 !important;
}

/* ---- Card padding → 24px ---- */
.wh-res .rc, .addon, .meter{ padding:24px !important; }
.wh-site{ padding:24px !important; }
.wh-todo{ padding:20px 24px !important; }
.card-blesta > .card-content, .panel .card-content{ padding:24px !important; }

/* ---- Locked type scale ---- */
body{ font-size:15px; }
.wh-hero h2{ font-size:34px !important; letter-spacing:-.03em; }
.wh-sec h3, .sec-title h2, body > .title h3{ font-size:26px !important; letter-spacing:-.02em; }
.card-blesta > .card-header, .addon-h, .wh-todo .tx .t, .wh-site .dn, .wh-res .rc .val{ font-size:17px; }
.wh-hero p, .sec-sub, .wh-todo .tx .s, .addon-d{ font-size:13.5px; }

/* ---- Tables: taller rows, almost no borders, soft hover ---- */
.table td, .table th{ padding:14px 16px !important; border-color:#f4f4f8 !important; }
.table thead th{ border-top:none !important; border-bottom:1px solid #ececf2 !important; }
.table tbody tr:hover{ background:#fafafa !important; }

/* ---- Buttons: 40px, radius 12, weight 500 ---- */
.btn{ border-radius:12px !important; font-weight:500 !important; }
.btn-primary, .btn-outline-primary, .wbtn{ min-height:40px; display:inline-flex; align-items:center; }

/* ---- Top bar: bigger avatar, dropdown 16px from edge ---- */
.wh-topbar{ padding-right:24px !important; }
.wh-topbar .nav-link::before{ width:44px !important; height:44px !important; font-size:16px !important; }

/* ---- Search / hero prompt: more left padding, larger radius ---- */
.wh-prompt textarea{ padding-left:22px !important; border-radius:18px !important; }

/* ---- More air between sections ---- */
.wh-sec{ margin:40px 2px 18px !important; }
.wh-todos{ gap:14px !important; }
.meters, .addons, .wh-res{ gap:20px !important; }