/* Final consistency layer: loaded after legacy Tailwind/Elementor styles. */
:root{--son-panel:#fff;--son-canvas:#f3f7fc;--son-border:#dce6f2;--son-navy:#071a3d;--son-blue:#1464f4;--son-muted:#60708b;--son-shadow:0 20px 60px rgba(8,35,76,.11)}

body:not(.page-template-sonhosting-home-redesign) .site-content{background:radial-gradient(circle at 8% 0,rgba(32,184,231,.10),transparent 27rem),linear-gradient(180deg,#f7faff 0,#fff 31rem)}
body:not(.page-template-sonhosting-home-redesign) article{max-width:1180px;margin-left:auto;margin-right:auto}
body:not(.page-template-sonhosting-home-redesign) .theme-page-header-area{height:auto!important;min-height:250px!important;padding:96px 0 54px!important;display:flex;align-items:flex-end}
body:not(.page-template-sonhosting-home-redesign) .theme-page-header-area>.container{width:min(1200px,calc(100% - 40px));margin:auto;padding:0 15px!important}
body:not(.page-template-sonhosting-home-redesign) .theme-page-header-area .row{width:100%;padding:0!important}
body:not(.page-template-sonhosting-home-redesign) .theme-page-header-area .page-header-title h1{margin:0 0 10px!important;font-size:clamp(34px,4vw,52px)!important;line-height:1.05!important}
body:not(.page-template-sonhosting-home-redesign) .theme-page-header-area .page-breadcrumb{font-size:14px!important}
.son-page-family-trust .entry-content,.son-page-family-editorial .entry-content,.son-page-family-domain .entry-content,.son-page-family-commerce .entry-content{font-size:16px}
.son-page-family-commerce .woocommerce,.son-page-family-auth article,.son-page-family-app article{border:1px solid var(--son-border)!important;border-radius:22px!important;background:rgba(255,255,255,.98)!important;box-shadow:var(--son-shadow)!important}
.son-page-family-commerce :where(.woocommerce-info,.woocommerce-message,.woocommerce-error){border:1px solid var(--son-border);border-top:4px solid var(--son-blue);border-radius:12px;background:#f8fbff}
.son-page-family-commerce :where(table.shop_table,.woocommerce-checkout-review-order){overflow:hidden;border:1px solid var(--son-border)!important;border-radius:14px!important;background:#fff}
.son-page-family-auth .um{width:min(100%,620px)!important}
.son-page-family-auth .um-form{padding:clamp(24px,5vw,46px)!important;border:1px solid var(--son-border)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--son-shadow)!important}

/* Logged-in customer application shell. Existing IDs/classes remain untouched. */
.son-page-family-app .theme-page-header-area,.page-template-dashboard .theme-page-header-area{display:none!important}
.son-client-workspace{position:relative;min-height:calc(100vh - 88px)!important;padding:52px 20px 78px!important;background:radial-gradient(circle at 90% 4%,rgba(32,184,231,.12),transparent 25rem),linear-gradient(180deg,#eef5ff,#f8fbff 35%,#f3f7fc)!important}
.son-client-shell{width:min(1180px,100%)!important;margin:0 auto!important}
.son-client-kicker{display:inline-flex;margin:0 0 10px;padding:7px 11px;border:1px solid #cfe0f6;border-radius:999px;color:#0a55c8;background:#eef5ff;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.son-client-workspace #page-title{margin:0!important;color:var(--son-navy)!important;font-size:clamp(30px,5vw,48px)!important;line-height:1.08!important;text-align:left!important;letter-spacing:-.04em}
.son-client-intro{margin:12px 0 32px;color:var(--son-muted);font-size:16px}
.son-client-layout{align-items:flex-start!important;gap:24px!important}
.son-client-sidebar{position:sticky;top:112px;padding:12px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:linear-gradient(160deg,#071a3d,#0b315f);box-shadow:0 22px 50px rgba(7,26,61,.19)}
.son-client-sidebar nav{display:flex!important;grid-template-columns:none!important;flex-direction:column!important;gap:6px!important;padding:0!important;overflow:visible!important}
.son-client-sidebar button[data-tab]{display:flex!important;width:100%!important;min-height:50px!important;flex-direction:row!important;justify-content:flex-start!important;gap:11px!important;padding:12px 14px!important;border:1px solid transparent!important;border-radius:12px!important;color:#bed0e8!important;background:transparent!important;box-shadow:none!important;font-size:14px;font-weight:750!important;text-align:left;transform:none!important}
.son-client-sidebar button[data-tab] span{display:inline!important}
.son-client-sidebar button[data-tab] ion-icon{font-size:21px;color:#7fa6d2}
.son-client-sidebar button[data-tab]:hover{color:#fff!important;background:rgba(255,255,255,.08)!important}
.son-client-sidebar button[data-tab].active-menu{color:#071a3d!important;background:#fff!important;box-shadow:0 10px 24px rgba(0,0,0,.15)!important}
.son-client-sidebar button[data-tab].active-menu ion-icon{color:var(--son-blue)}
.son-client-panel{min-height:440px;padding:clamp(22px,4vw,38px)!important;border:1px solid var(--son-border)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--son-shadow)!important}
.son-client-panel [data-content]>.grid{gap:16px!important;margin-bottom:12px;padding:18px!important;border:1px solid #e3ebf5;border-radius:14px;background:#f8fbff}
.son-client-panel [data-content]>.grid:first-child{padding-top:18px!important}
.son-client-panel a[class*="bg-indigo"],.son-client-panel a.text-indigo-600{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px!important;border-radius:10px!important;color:#fff!important;background:linear-gradient(135deg,#1464f4,#0a48c8)!important;font-weight:800;text-decoration:none!important;box-shadow:0 8px 18px rgba(20,100,244,.18)}
.son-client-panel .bg-gray-50{border:1px solid #e3ebf5!important;border-radius:16px!important;background:#f8fbff!important}
.son-client-panel h2{color:var(--son-navy)!important;font-size:25px!important}
.son-client-panel #btn-wp-settings{color:#0a48c8!important;background:#eef5ff!important;border:1px solid #c9dcf5!important;box-shadow:none!important}
.son-client-panel #btn-wp-open{color:#fff!important;background:linear-gradient(135deg,#1464f4,#0a48c8)!important}

/* Legacy hosting tools: unify the canvas and contained panels without changing JS hooks. */
.son-page-family-app main:not(.son-client-workspace){min-height:70vh;padding:48px 20px 72px!important;background:linear-gradient(180deg,#f3f7fc,#fff)!important;color:var(--son-navy)}
.son-page-family-app main:not(.son-client-workspace)>div{width:min(1180px,100%);margin-left:auto;margin-right:auto}
.son-page-family-app main :where(.bg-white,.shadow,.rounded-lg){border-color:var(--son-border)}

@media(max-width:767px){
  body:not(.page-template-sonhosting-home-redesign) .theme-page-header-area{min-height:210px!important;padding:68px 0 34px!important}
  body:not(.page-template-sonhosting-home-redesign) .theme-page-header-area>.container{width:min(100% - 28px,1200px)!important}
  .son-client-workspace{padding:34px 14px 58px!important}
  .son-client-intro{margin-bottom:22px}
  .son-client-sidebar{position:static;width:100%!important;padding:8px;border-radius:16px;overflow-x:auto}
  .son-client-sidebar nav{display:grid!important;grid-template-columns:repeat(3,minmax(90px,1fr))!important;min-width:520px}
  .son-client-sidebar button[data-tab]{min-height:62px!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;padding:8px!important;text-align:center}
  .son-client-sidebar button[data-tab] span{font-size:12px}
  .son-client-panel{width:100%!important;min-height:360px;padding:20px!important;border-radius:18px!important}
  .son-client-panel [data-content]>.grid{grid-template-columns:1fr!important;padding:16px!important}
}
