/* Small shared presentation layer; feature behavior remains in its owning plugin. */
body.sph-ux{--sph-ux-focus:#b84a2d;--sph-ux-primary:#167778}
body.sph-ux :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--sph-ux-focus)!important;outline-offset:3px}
body.sph-ux :is(input,textarea,select)[aria-invalid=true]{border-color:#b8402d!important}
body.sph-ux .elementor-location-header .e-n-menu-dropdown-icon{min-width:40px;min-height:40px}
body.sph-ux .elementor-location-header .e-n-menu-title{gap:0}
body.sph-ux .sph-ux-account-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:58px;padding:6px 10px;text-decoration:none;color:#164b50;font-size:14px;font-weight:750;line-height:1.8}
body.sph-ux.logged-in .elementor-location-header .elementor-element-c16443b{border-bottom-color:#167778!important}
body.sph-ux .sph-ux-menu-links{display:flex;flex-direction:column;gap:12px;padding:12px}
body.sph-ux .sph-ux-menu-links a{display:block;min-height:44px;padding:9px 14px;border-radius:10px;color:#175c60;background:#f2f9f8;text-decoration:none}
body.sph-ux .sph-ux-menu-close .elementor-button{display:inline-flex;align-items:center;min-height:44px;background:#edf7f7!important;color:#165d61!important;border:1px solid #d3e6e6;border-radius:12px;padding:9px 16px}
body.sph-ux .sph-ux-menu-support{display:grid;gap:10px;margin:12px 16px 20px;padding-top:18px;border-top:1px solid #dce9e9}
body.sph-ux .sph-ux-menu-support a{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;min-height:48px;color:#145d62;text-decoration:none;font-size:14px}
body.sph-ux .elementor-element-452e867 .elementor-icon-list-item a{min-height:44px}
body.sph-ux .elementor-element-452e867 .elementor-icon-list-items{gap:8px}
body.sph-ux .sph-ux-empty-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(850px,100%);margin:25px auto}
body.sph-ux .sph-ux-empty-actions a{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid #d8e8e9;border-radius:20px;background:#f6fbfa;color:#16484c;text-decoration:none}
body.sph-ux .sph-ux-empty-actions strong{font-size:17px}
body.sph-ux .sph-ux-empty-actions span{font-size:13px;color:#526d75}
body.sph-ux .sph-ux-empty-media{padding:35px;border:1px dashed #bcd7d8;border-radius:24px;background:#f7fcfb;text-align:center;color:#214b50}
body.sph-ux .sph-ux-empty-media>span{font-size:40px;color:#167778}
body.sph-ux .sph-ux-empty-media h2{font-size:22px;line-height:1.8}
body.sph-ux .sph-ux-empty-media p{font-size:14px;line-height:2;color:#526d75}
body.sph-ux .sph-ux-empty-media nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:22px}
body.sph-ux .sph-ux-empty-media a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border-radius:12px;background:#167778;color:#fff;text-decoration:none;font-weight:700}
/* Shared controls retain their module's layout, with readable text and touch sizes. */
body.sph-ux :is(.spha-btn--primary,.sph-session-button,.sphc-btn:not(.sphc-btn-quiet)){background:#167778!important;color:#fff!important;border-color:#167778!important}
body.sph-ux :is(.spha-btn--primary,.sph-session-button,.sphc-btn:not(.sphc-btn-quiet)):hover{background:#105f61!important;border-color:#105f61!important}
body.sph-ux :is(.spha-btn,.sph-search__filters button,.sph-search__close,.sph-session__close){min-height:44px}
body.sph-ux :is(.sph-search__close,.sph-session__close,.spha-modal__close){min-width:44px;min-height:44px}
body.sph-ux .gform_wrapper :is(input,select,textarea):focus{border-color:#167778!important;box-shadow:0 0 0 3px #1677781a!important}
body.sph-ux .gform_wrapper .sph-ux-contact input{direction:ltr;text-align:left}
body.sph-ux .gform_wrapper :is(input[type=submit],button[type=submit]){background:#167778!important;color:#fff!important;border-color:#167778!important;min-height:50px;border-radius:13px!important}
body.sph-ux #gform_wrapper_1 #gform_submit_button_1,body.sph-ux #gform_wrapper_2 #gform_submit_button_2{background:#167778!important;color:#fff!important;border-color:#167778!important}
body.sph-ux .elementor-button-wrapper .elementor-button{min-height:46px;line-height:1.7}
body.sph-ux .woocommerce-info,body.sph-ux .woocommerce-message{border-radius:14px;border-top-color:#167778}
body.sph-ux.spha-active .woocommerce-MyAccount-content .spha-account .spha-btn{min-height:44px!important;white-space:normal!important}
body.sph-ux #sph-portal-app [data-upload-remove]{min-height:44px!important}
body.sph-ux .sph-footer-enamad__badge a{flex-direction:column;gap:6px}
body.sph-ux .sph-footer-enamad__label{font-size:12px;line-height:1.8;color:#126d70;padding:4px 6px;text-align:center}
@media(max-width:767px){
 body.sph-ux.logged-in .elementor-location-header .elementor-element-268daf8{display:none!important}
 body.sph-ux.logged-in .elementor-location-header .elementor-element-c16443b{min-width:112px;width:auto!important}
 body.sph-ux .elementor-location-header .elementor-element-b8fd468 .elementor-icon-box-title{font-size:14px!important}
 body.sph-ux :is(.sphc,.spha-active,.sph-nd,.sph-session,.sph-search,.gform_wrapper,.woocommerce) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea){font-size:16px!important}
 body.sph-ux .sph-ux-empty-actions{grid-template-columns:1fr;gap:12px;margin:20px 0}
 body.sph-ux .sph-ux-empty-actions a{padding:20px}
 body.sph-ux .sph-ux-empty-media{padding:26px 20px}
 body.sph-ux .spha-field{margin-bottom:16px}
 body.sph-ux .spha-modal__dialog{max-height:calc(100dvh - 32px);overscroll-behavior:contain}
 body.sph-ux .woocommerce-ordering select{min-height:46px}
 body.sph-ux.spha-active .spha-account-table{display:block;min-width:0;width:100%!important}
 body.sph-ux.spha-active .spha-account-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body.sph-ux.spha-active .spha-account-table tbody{display:block;width:100%}
 body.sph-ux.spha-active .spha-account-table tr{display:grid;grid-template-columns:minmax(0,1fr);width:100%;padding:8px 0;border-bottom:1px solid #dce8ec}
 body.sph-ux.spha-active .spha-account-table tr:last-child{border-bottom:0}
 body.sph-ux.spha-active .spha-account-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto!important;min-width:0!important;padding:10px 12px!important;border:0!important;overflow-wrap:anywhere;text-align:right!important}
 body.sph-ux.spha-active .spha-account-table td[data-label]::before{content:attr(data-label);flex:0 0 58px;font-weight:800;color:#2a555c}
 body.sph-ux.spha-active .spha-account-table td.spha-table-empty{display:block}
 body.sph-ux.spha-active .spha-account-card__actions{display:grid;grid-template-columns:minmax(0,1fr)}
 body.sph-ux.spha-active .spha-account-card__actions .spha-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
 body.sph-ux{scroll-behavior:auto!important}
 body.sph-ux :is(.elementor-button,.sph-nav-link,.sph-nd-chip,.sphp-tab,.sph-session-button,.sphc-btn){transition:none!important;transform:none!important}
}