/* Drydock — phone Hub chrome (rem lock from dd-phone-scale.css — not hull %) */

body[data-dd-hub-layout="full-viewport"] .dd-hub-panel__inner {
  padding: var(--dd-hub-phone-pad-y) var(--dd-hub-phone-pad-x) 0.4rem;
  gap: var(--dd-hub-phone-gap);
}

body[data-dd-hub-layout="full-viewport"] .dd-hub-head {
  min-height: var(--dd-hub-phone-head-min-h);
  padding-bottom: 0.45rem;
}

body[data-dd-hub-layout="full-viewport"] .dd-hub-head__home-logo {
  width: auto;
  height: var(--dd-hub-phone-logo-h);
  max-width: var(--dd-hub-phone-logo-max-w);
}

body[data-dd-hub-layout="full-viewport"] .dd-hub-head__close {
  width: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult)) !important;
  height: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult)) !important;
  min-width: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult)) !important;
  min-height: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult)) !important;
  font-size: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult) * 0.72) !important;
  line-height: 1 !important;
}

body[data-dd-token="tablet-portrait"][data-dd-hub-layout="full-viewport"] .dd-hub-head__close {
  width: var(--dd-hub-foot-util) !important;
  height: var(--dd-hub-foot-util) !important;
  min-width: var(--dd-hub-foot-util) !important;
  min-height: var(--dd-hub-foot-util) !important;
  font-size: calc(var(--dd-hub-foot-util) * 0.72) !important;
}

body[data-dd-hub-layout="full-viewport"] .dd-hub-deck {
  max-width: 100%;
  gap: 0.55rem;
}

body[data-dd-hub-layout="full-viewport"] .dd-settings-popup {
  padding: var(--dd-hub-phone-settings-pad-y) var(--dd-hub-phone-settings-pad-x) 0.65rem;
  font-size: var(--dd-hub-phone-settings-font);
}

body[data-dd-hub-layout="full-viewport"] .dd-settings-popup__title,
body[data-dd-hub-layout="full-viewport"] .dd-settings-popup__meta,
body[data-dd-hub-layout="full-viewport"] .dd-settings-popup__info,
body[data-dd-hub-layout="full-viewport"] .dd-settings-row label,
body[data-dd-hub-layout="full-viewport"] .dd-settings-row select,
body[data-dd-hub-layout="full-viewport"] .dd-settings-auto {
  font-size: inherit;
}

body[data-dd-hub-layout="full-viewport"] .dd-settings-popup__close {
  font-size: 1.5rem;
}

body[data-dd-hub-layout="full-viewport"] .dd-settings-row {
  margin-bottom: 0.55rem;
  gap: 0.45rem;
}

body[data-dd-hub-layout="full-viewport"] .dd-settings-row select,
body[data-dd-hub-layout="full-viewport"] .dd-settings-auto {
  padding: 0.45rem 0.55rem;
}

body[data-dd-hub-layout="full-viewport"] .dd-settings-popup__head {
  margin-bottom: 0.55rem;
}

body[data-dd-hub-layout="full-viewport"] .dd-settings-popup__title {
  font-size: var(--dd-hub-phone-settings-title);
}

body[data-dd-hub-layout="full-viewport"] .dd-hub-foot__utils {
  gap: var(--dd-hub-phone-utils-gap);
}

/* Phone only — do not inflate tablet util icons (Sr tablet size stays) */
body[data-dd-token="phone"][data-dd-hub-layout="full-viewport"] .dd-hub-foot__util,
body[data-dd-token="phone"][data-dd-hub-layout="full-viewport"] .dd-hub-foot__social-link {
  width: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult));
  height: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult));
}

body[data-dd-token="phone"][data-dd-hub-layout="full-viewport"] .dd-hub-foot__util i {
  width: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult) * 26 / 32);
  height: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult) * 26 / 32);
  font-size: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult) * 26 / 32);
}

body[data-dd-token="phone"][data-dd-hub-layout="full-viewport"] .dd-hub-foot__social-icon {
  width: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult) * 26 / 32);
  height: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult) * 26 / 32);
  max-width: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult) * 26 / 32);
  max-height: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult) * 26 / 32);
}

body[data-dd-token="tablet-portrait"][data-dd-hub-layout="full-viewport"] .dd-hub-foot__util {
  width: var(--dd-hub-foot-util);
  height: var(--dd-hub-foot-util);
}

body[data-dd-token="tablet-portrait"][data-dd-hub-layout="full-viewport"] .dd-hub-foot__util i {
  font-size: calc(var(--dd-hub-foot-util) * 26 / 32);
}

body[data-dd-hub-layout="full-viewport"] .dd-hub-foot {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: var(--dd-hub-phone-foot-gap);
  padding: var(--dd-hub-phone-foot-pad-y) var(--dd-hub-phone-foot-pad-x) max(var(--dd-hub-phone-foot-pad-y), env(safe-area-inset-bottom, 0px));
}

/* Phone stack: legal|© → utils → social (same as Studio HUB) */
body[data-dd-hub-layout="full-viewport"] .dd-hub-foot__zone--legal {
  order: 1;
  flex: 0 0 auto;
  align-self: center;
  width: auto !important;
  max-width: 100%;
  justify-content: center;
  gap: 0.5rem;
  font-size: var(--chr-hub-foot-legal);
}

body[data-dd-hub-layout="full-viewport"] .dd-hub-foot__utils {
  order: 2;
  flex: 0 0 auto;
  align-self: center;
  gap: var(--dd-hub-phone-utils-gap);
}

body[data-dd-hub-layout="full-viewport"] .dd-hub-foot__zone--social {
  order: 3;
  flex: 0 0 auto;
  align-self: stretch;
  width: 100% !important;
  max-width: 100%;
  justify-content: stretch;
}

body[data-dd-hub-layout="full-viewport"] .dd-hub-foot__legal,
body[data-dd-hub-layout="full-viewport"] .dd-hub-foot__copyright,
body[data-dd-hub-layout="full-viewport"] .dd-hub-foot__sep {
  text-align: center;
  white-space: nowrap;
  font-size: var(--chr-hub-foot-legal) !important;
  line-height: 1.35;
}

body[data-dd-hub-layout="full-viewport"] .dd-hub-foot__social {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-evenly !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-dd-hub-layout="full-viewport"] .dd-hub-foot__social-link {
  flex: 1 1 0 !important;
  margin: 0 !important;
  padding: 0.25rem 0 !important;
  min-width: 0 !important;
  min-height: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult)) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body[data-dd-hub-layout="full-viewport"] .dd-hub-foot__social-icon {
  width: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult) * 26 / 32) !important;
  height: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult) * 26 / 32) !important;
  max-width: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult) * 26 / 32) !important;
  max-height: calc(var(--dd-hub-foot-util) * var(--dd-hub-phone-util-mult) * 26 / 32) !important;
}

body[data-dd-hub-layout="full-viewport"] .dd-hub-panel__body {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  min-height: 0;
}