/* Esnaf Uşak 2.28.0 — shared frontend design. Loaded after each surface stylesheet.
 * Scope app controls, never WordPress / Elementor authored content internals.
 * Keep widths and safe areas here; section files own feature-specific layout.
 */
body.eu-unified-shell {
  --eu-app-width:1120px;
  --eu-app-gutter:24px;
  --eu-app-gap:24px;
  --eu-app-padding:24px;
  --eu-app-radius:22px;
  --eu-app-small-radius:14px;
  --eu-app-border:#dbe5f4;
  --eu-app-shadow:0 12px 30px #142c530e;
  --eu-app-title:clamp(31px,4.5vw,51px);
  --eu-content:var(--eu-app-width);
  --eu-content-profile:var(--eu-app-width);
  --eu-page-gutter:var(--eu-app-gutter);
  --eu-section-gap:var(--eu-app-gap);
  --eu-card-gap:16px;
  --eu-blue:#0042aa;
  --eu-blue-dark:#012873;
  --eu-border:var(--eu-app-border);
  --eu-canvas:#f4f7fc;
  --eu-radius:var(--eu-app-radius);
  --eu-radius-sm:var(--eu-app-small-radius);
  --eu-muted:#52637a;
  --eu-shadow-sm:var(--eu-app-shadow);
  background:radial-gradient(circle at 10% 0%,#e7f0ff 0,transparent 46%),#f4f7fc;
  color:#1b1c1b;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:15px;line-height:1.5;min-height:100dvh;
  padding:0;margin:0;overflow-x:visible;
}
.eu-unified-shell *, .eu-unified-shell *::before, .eu-unified-shell *::after {box-sizing:border-box}
/* Identical outside frame for discovery, profiles, accounts, and editorial pages. */
.eu-unified-shell :is(.eu-discovery,.eu-firms__inner,.eu-app-page__inner,.eu-profile__inner,.eu-user-account__inner,.eu-business-panel__inner,.eu-hub__inner,.eu-editorial,.eu-404__inner) {
  width:min(var(--eu-app-width),calc(100% - max(var(--eu-app-gutter),env(safe-area-inset-left)) - max(var(--eu-app-gutter),env(safe-area-inset-right))))!important;
  max-width:none!important;margin-inline:auto!important;padding-inline:0!important;
  min-width:0;min-height:0;
}
.eu-unified-shell :is(.eu-home--discovery,.eu-firms,.eu-app-page,.eu-profile,.eu-user-account,.eu-business-panel,.eu-hub,.eu-404) {
  background:transparent!important;padding:0!important;min-height:0!important;
}
.eu-unified-shell :is(.eu-discovery,.eu-firms__inner,.eu-app-page__inner) {padding-top:10px!important}
.eu-unified-shell :is(.eu-firms__inner,.eu-app-page__inner,.eu-profile__inner,.eu-user-account__inner,.eu-business-panel__inner,.eu-hub__inner,.eu-editorial,.eu-404__inner,.eu-discovery) {
  padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;
}
.eu-unified-shell .eu-food-feed__inner {padding-bottom:calc(176px + env(safe-area-inset-bottom))!important}
.eu-unified-shell :is(.eu-profile__inner,.eu-user-account__inner,.eu-business-panel__inner,.eu-hub__inner,.eu-editorial,.eu-404__inner) {padding-top:0!important}
.eu-unified-shell .eu-app-page__inner {display:block;gap:var(--eu-app-gap)}
.eu-unified-shell .eu-app-page :is(.eu-directory__inner,.eu-statistics__inner,.eu-contact__inner) {
  width:100%!important;max-width:none!important;padding:0!important;margin:0!important;min-height:0!important;
}
.eu-unified-shell .eu-contact__content {gap:var(--eu-app-gap)!important;padding:0!important}
.eu-unified-shell :is(#eu-app,#eu-home-app,.eu-editorial) {min-height:0}
/* Top bars are contained once, whether inside a directory or above an account. */
.eu-unified-shell>.eu-site-top {
  width:min(var(--eu-app-width),calc(100% - max(var(--eu-app-gutter),env(safe-area-inset-left)) - max(var(--eu-app-gutter),env(safe-area-inset-right))))!important;
  padding-top:10px;margin:0 auto var(--eu-app-gap);
}
.eu-unified-shell :is(.eu-firms__inner,.eu-app-page__inner)>.eu-site-top {width:100%;margin-bottom:var(--eu-app-gap)}
.eu-unified-shell .eu-discovery__header {padding:10px 0 0}
.eu-unified-shell .eu-discovery__header-top {margin-bottom:var(--eu-app-gap)}
.eu-unified-shell .eu-discovery__main {gap:var(--eu-app-gap);padding-top:var(--eu-app-gap)}
.eu-unified-shell :is(.eu-site-top__account,.eu-discovery__login) {min-height:44px}
/* Matching white header panels and title scale. Expandable headings retain native details. */
.eu-unified-shell :is(.eu-firms__category-browser,.eu-campaigns__filter-browser,.eu-jobs__filter-browser,.eu-hub__header,.eu-user-account__header,.eu-business-panel__header,.eu-module-page__header,.eu-corporate__hero,.eu-contact__intro,.eu-statistics__hero,.eu-pharmacies__intro,.eu-editorial>.eu-editorial__heading) {
  border:1px solid var(--eu-app-border)!important;border-radius:var(--eu-app-radius)!important;
  background:#fff!important;box-shadow:var(--eu-app-shadow)!important;
  margin:0 0 var(--eu-app-gap)!important;max-width:none!important;
  text-align:left!important;
}
.eu-unified-shell :is(.eu-hub__header,.eu-user-account__header,.eu-business-panel__header,.eu-module-page__header,.eu-corporate__hero,.eu-contact__intro,.eu-statistics__hero,.eu-pharmacies__intro,.eu-editorial>.eu-editorial__heading) {padding:var(--eu-app-padding) 30px!important}
.eu-unified-shell :is(.eu-firms__category-toggle,.eu-campaigns__filter-toggle,.eu-jobs__filter-toggle) {min-height:145px;padding:24px 30px;gap:18px}
.eu-unified-shell :is(.eu-profile__identity h1,.eu-firms__category-title,.eu-campaigns__filter-copy h1,.eu-jobs__filter-copy h1,.eu-hub__header h1,.eu-user-account__header h1,.eu-business-panel__header h1,.eu-module-page__header h1,.eu-corporate__hero h1,.eu-contact__intro h1,.eu-statistics__hero h1,.eu-pharmacies__intro h1,.eu-editorial__heading h1,.eu-404__content h1) {
  color:#012873!important;font-size:var(--eu-app-title)!important;font-weight:850!important;
  letter-spacing:-.045em;line-height:1.08!important;margin:4px 0 8px!important;overflow-wrap:anywhere;
}
.eu-unified-shell :is(.eu-hub__header,.eu-user-account__header,.eu-business-panel__header,.eu-module-page__header,.eu-corporate__hero,.eu-contact__intro,.eu-statistics__hero,.eu-pharmacies__intro)>p {color:#52637a;line-height:1.6;max-width:760px;margin:6px 0 0!important}
.eu-unified-shell :is(.eu-firms__discovery,.eu-service-discovery-header,.eu-food-feed__discovery) {margin-bottom:var(--eu-app-gap)}
/* Cards share edges, borders, backgrounds and spacing; content-specific structures remain. */
.eu-unified-shell :is(.eu-firms__controls,.eu-firm-card,.eu-service-card,.eu-food-feed__card,.eu-campaign-card,.eu-job-card,.eu-section,.eu-profile__hero,.eu-profile__section,.eu-statistics__card,.eu-pharmacies__card,.eu-contact__phones,.eu-contact__form-section,.eu-user-account__form,.eu-user-account__menu>a,.eu-user-account__business-card,.eu-user-account__review-card,.eu-corporate__item,.eu-editorial__article,.eu-editorial__card,.eu-404__content) {
  border:1px solid var(--eu-app-border)!important;border-radius:var(--eu-app-radius)!important;
  background:#fff!important;box-shadow:var(--eu-app-shadow)!important;min-width:0;
}
.eu-unified-shell :is(.eu-section,.eu-profile__section,.eu-statistics__card,.eu-contact__phones,.eu-contact__form-section,.eu-user-account__form,.eu-404__content) {padding:var(--eu-app-padding)!important}
.eu-unified-shell .eu-business-panel__inner>section {
  padding:var(--eu-app-padding)!important;border:1px solid var(--eu-app-border)!important;
  border-radius:var(--eu-app-radius)!important;background:#fff;box-shadow:var(--eu-app-shadow)!important;
  margin-bottom:var(--eu-app-gap);
}
.eu-unified-shell :is(.eu-profile__section,.eu-hub__types) {margin-bottom:var(--eu-app-gap)}
.eu-unified-shell :is(.eu-firms__results,.eu-directory__results) {margin-top:var(--eu-app-gap)}
.eu-unified-shell .eu-profile__hero {margin-top:0!important;margin-bottom:var(--eu-app-gap)!important}
.eu-unified-shell .eu-editorial__article {max-width:none;width:100%;padding:var(--eu-app-padding)!important}
/* Editorial text retains a readable measure, inside the common outer card. */
.eu-unified-shell .eu-editorial__content {max-width:760px;margin-inline:auto}
.eu-unified-shell .eu-editorial__content:has(.elementor),.eu-unified-shell .eu-editorial__content:has(.alignwide),.eu-unified-shell .eu-editorial__content:has(.alignfull) {max-width:none}
.eu-unified-shell .eu-editorial__breadcrumb {margin-bottom:var(--eu-app-gap)}
.eu-unified-shell .eu-editorial__grid {gap:16px}
.eu-unified-shell .eu-404__content {margin:0;text-align:left}
/* Form controls: same field size; excludes hidden inputs and consent checkboxes. */
.eu-unified-shell :is(.eu-field,.eu-fieldset,.eu-business-panel__form,.eu-business-panel__form-inline,.eu-user-account__form,.eu-contact__field,.eu-service-form,.eu-profile__review-form) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea) {
  width:100%;max-width:100%;min-width:0;min-height:48px;
  border:1px solid var(--eu-app-border)!important;border-radius:var(--eu-app-small-radius)!important;
  padding:11px 12px;font-family:inherit;font-size:16px;line-height:1.4;background:#fff;color:#1b1c1b;
}
.eu-unified-shell :is(.eu-field,.eu-fieldset,.eu-business-panel__form,.eu-user-account__form,.eu-contact__field,.eu-service-form) textarea {min-height:112px;resize:vertical}
.eu-unified-shell :is(.eu-hub,.eu-business-panel,.eu-user-account,.eu-contact) button,
.eu-unified-shell :is(.eu-button,.eu-service-filter-dropdown>summary,.eu-food-feed__filter-button,.eu-firms__filter-button,.eu-business-panel__sections a,.eu-business-panel__module-actions a) {min-height:44px;font-family:inherit}
.eu-unified-shell :is(.eu-hub,.eu-business-panel,.eu-user-account,.eu-contact) button {border-radius:var(--eu-app-small-radius)}
.eu-unified-shell :is(.eu-business-panel__module-actions,.eu-business-panel__header-actions,.eu-profile__module-actions) {flex-wrap:wrap;gap:8px}
.eu-unified-shell :is(.eu-business-panel__metrics,.eu-user-account__menu,.eu-business-panel__manage-grid) {gap:16px}
.eu-unified-shell :is(.eu-business-panel__form,.eu-user-account__form,.eu-form-grid) {gap:16px}
.eu-unified-shell :is(.eu-business-panel__form,.eu-user-account__form,.eu-form-grid)>* {min-width:0}
.eu-unified-shell :is(.eu-business-panel__section-heading,.eu-business-panel__content-list>article,.eu-service-manager__list>article) {min-width:0;gap:16px}
.eu-unified-shell :is(.eu-business-panel__content-list>article,.eu-service-manager__list>article)>div {min-width:0}
.eu-unified-shell :is(.eu-firms__search input,.eu-discovery__search input,.eu-service-search input) {font-size:16px}
.eu-unified-shell :is(.eu-corporate__hero,.eu-pharmacies__intro,.eu-statistics__hero) p {margin-left:0!important;margin-right:0!important}
.eu-unified-shell :is(.eu-hub,.eu-profile,.eu-business-panel,.eu-user-account,.eu-firms,.eu-app-page,.eu-bottom-nav) :is(a,button,summary,input,select,textarea):focus-visible {outline:3px solid #0042aa;outline-offset:3px}
@media(max-width:700px) {
  body.eu-unified-shell {--eu-app-gutter:12px;--eu-app-gap:18px;--eu-app-padding:16px;--eu-app-radius:18px}
  .eu-unified-shell :is(.eu-firms__category-toggle,.eu-campaigns__filter-toggle,.eu-jobs__filter-toggle) {min-height:120px;padding:17px;gap:12px}
  .eu-unified-shell :is(.eu-hub__header,.eu-user-account__header,.eu-business-panel__header,.eu-module-page__header,.eu-corporate__hero,.eu-contact__intro,.eu-statistics__hero,.eu-pharmacies__intro,.eu-editorial>.eu-editorial__heading) {padding:17px!important}
  .eu-unified-shell :is(.eu-form-grid,.eu-business-panel__form,.eu-user-account__form,.eu-editorial__grid,.eu-editorial__adjacent) {grid-template-columns:1fr!important}
  .eu-unified-shell :is(.eu-business-panel__form,.eu-user-account__form,.eu-form-grid)>* {grid-column:auto}
  .eu-unified-shell .eu-business-panel__header {align-items:flex-start!important;gap:16px}
  .eu-unified-shell .eu-business-panel__header-actions {width:100%}
  .eu-unified-shell :is(.eu-business-panel__content-list>article,.eu-service-manager__list>article,.eu-business-panel__section-heading) {flex-wrap:wrap}
  .eu-unified-shell .eu-business-panel__module-actions {max-width:100%}
}
@media(prefers-reduced-motion:reduce) {
  .eu-unified-shell :is(.eu-firms__category-card,.eu-campaign-card,.eu-job-card,.eu-bottom-nav__item) {transition:none;animation:none}
}

.eu-unified-shell .eu-corporate__layout {max-width:none;padding-bottom:0}
.eu-unified-shell #eu-corporate-app {min-height:0;padding-bottom:0}
.eu-unified-shell :is(.eu-service-button,.eu-service-card__actions a,.eu-service-app button,.eu-service-desk button,.eu-service-dialog button) {min-height:44px}
/* Retire the older left rules and accent bars from account / module headings. */
.eu-unified-shell :is(.eu-hub__header,.eu-user-account__header,.eu-business-panel__header,.eu-module-page__header,.eu-contact__intro)::before,
.eu-unified-shell :is(.eu-hub__header,.eu-user-account__header,.eu-business-panel__header,.eu-module-page__header)::after {content:none!important}
.eu-unified-shell .eu-business-panel__sections a[aria-current=page] {background:#0042aa!important;border-color:#0042aa!important;color:#fff!important;box-shadow:none}
.eu-unified-shell .eu-business-panel__header-actions a {display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.eu-unified-shell .eu-profile__quick-actions a {min-height:44px!important}

/* Keep the full destination names readable on the desktop app dock too. */
@media(min-width:431px) {
  .eu-unified-shell .eu-bottom-nav__label {font-size:11px;white-space:normal;line-height:1.1;overflow:visible;text-overflow:clip}
}
@media(forced-colors:active) {
  .eu-unified-shell :is(.eu-section,.eu-profile__section,.eu-firm-card,.eu-campaign-card,.eu-job-card,.eu-corporate__item,.eu-editorial__article) {border-color:CanvasText!important}
}
.eu-unified-shell .eu-business-panel__sections {width:100%;margin-inline:0;min-width:0;border-radius:var(--eu-app-radius);background:#fff}
