/* tw-shared-components.css — SINGLE SOURCE for shared header/search/nav/footer/popup components. Loaded on every page via tw-shared-components handle. One owner per selector. */

/* ===== SEARCH (moved verbatim from style.css 2026-06-07) ===== */
form.aa-Form {border-width: 2px;border-color: #707070;border-radius: calc(30px + 4px);overflow: hidden;width: 550px;height: 40px;}
.aa-Form input:focus {outline: none;}
.aa-Form button:focus,.aa-Form button:hover {background: unset;box-shadow: none;}
.aa-Panel {z-index: 99;margin-top: 0;}
.aa-InputWrapperPrefix {order: 4;border-left: 2px solid #707070;}
.aa-InputWrapper {width: 85%;order: 2;}
.aa-InputWrapperSuffix {order: 3;padding: 5px;}
.aa-Form svg.aa-SubmitIcon {display: none;}
button.aa-SubmitButton {width: 100%;padding: 10px 20px;}
button.aa-SubmitButton:before {content: 'Search';color: #000;font-size: 14px;font-weight: bold;}
.aa-ClearButton {padding: 0;}
.aa-Form:focus-within .aa-InputWrapperSuffix .aa-ClearButton {box-shadow: unset !important;}
.aa-Form:focus-within {box-shadow: unset;}
.aa-InputWrapper .aa-Input {border: 0;}
.aa-DetachedOverlay .aa-DetachedContainer {background: none;height: 100%;}
.aa-DetachedOverlay .aa-DetachedContainer .aa-DetachedFormContainer {background: #fff;}
.aa-DetachedOverlay .aa-DetachedContainer .aa-Panel {height: auto;background: none;}
.aa-DetachedOverlay .aa-DetachedContainer .aa-Panel .aa-PanelLayout {background: #fff;bottom: auto;height: auto !important;}
.ast-primary-header-bar .aa-DetachedSearchButton:focus {box-shadow: none;outline: none;background: transparent;}
@media (max-width: 676px){button.aa-DetachedCancelButton {color: #000;font-weight: bold;text-decoration: underline;}}
@media (max-width: 676px){.aa-DetachedSearchButtonIcon .aa-SubmitIcon {display: block;color: #000;width: 30px;height: 30px;}}
@media (max-width: 676px){button#autocomplete-1-label {border: none;padding: 0;}}
.aa-DetachedSearchButton .aa-DetachedSearchButtonIcon svg.aa-SubmitIcon{display:block;width:20px;height:20px;color:#000;}
#acs-autocomplete2 .aa-DetachedSearchButton{width:40px;min-width:40px;height:40px;padding:0;background:transparent;border:0;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer;}
#acs-autocomplete2 .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder,#acs-autocomplete2 .aa-DetachedSearchButton .aa-DetachedSearchButtonQuery{display:none;}
#acs-autocomplete2 .aa-DetachedSearchButtonIcon{width:auto;margin:0;color:#000;}
#acs-autocomplete2 .aa-DetachedSearchButtonIcon svg.aa-SubmitIcon{display:block;width:24px;height:24px;color:#000;}
#acs-autocomplete2{display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;flex:0 0 40px;}
.aa-DetachedSearchButton svg.aa-SubmitIcon{display:block !important;width:24px;height:24px;color:#000;fill:#000;}
body.admin-bar .aa-DetachedOverlay,body.admin-bar .aa-DetachedContainer{top:var(--wp-admin--admin-bar--height,46px) !important;height:calc(100% - var(--wp-admin--admin-bar--height,46px)) !important;}

/* Footer columns: width-independent two-up at mobile. Single source, moved from style.css + homepage.css 2026-06-07. 50% basis fits exactly two per row at any container width (kills the 45% wrap-straddle: 372px category vs 412px homepage). Section 5 / 777px 4-up / desktop grid unchanged. */
@media (max-width: 480px) {
  .site-footer-above-section-1,.site-footer-above-section-2,.site-footer-above-section-3,.site-footer-above-section-4 { flex-basis: calc(50% - 22px); margin: 10px; }
}

/* Footer column row gap: single source, moved from style.css 2026-06-07. Canonical = 0 (matches category/shop). Homepage lacked this reset, so it fell back to Astra's default 50px column-gap -> two-up footer columns overflowed at 412px and wrapped to one. 0 here applies on every page. */
.ast-builder-footer-grid-columns { column-gap: 0 !important; grid-column-gap: 0 !important; }

/* ===== FOOTER (consolidated single owner — moved from style.css + homepage.css 2026-06-07; canonical = style.css. Eliminates the is_front_page footer split: homepage.css & style.css now hold ZERO footer rules. Prior session fixes (column-gap 0 !important, basis calc(50%-22px)) remain above this block. No new !important added.) ===== */
#colophon {width: 100%;padding: 0;margin: 0;}
.site-footer-above-section-5 form.uagb-forms-main-form {display: flex;border: 1px solid #fff;border-radius: 40px;padding: 0px 10px;height: 50px;}
.site-footer-above-section-5 .uagb-forms-main-submit-button-text {font-size: 12px;padding: 0 !important;}
.site-footer-above-section-5 button.uagb-forms-main-submit-button.wp-block-button__link {padding: 0 !important;}
.site-footer-above-section-5 input.uagb-forms-email-input.uagb-forms-input {font-size: 10px;padding: 10px 2px !important;background: transparent;border: none !important;color: #fff !important;width: 210px !important;}
.site-footer-above-section-5 input.uagb-forms-email-input.uagb-forms-input::placeholder {color: #fff !important;}
.site-footer-above-section-5 .uagb-forms-main-submit-button-wrap.wp-block-button {border-left: 1px solid #fff;display: flex;align-items: center;padding-left: 10px;}
.site-footer-above-section-5.site-footer-section.site-footer-section-5 {width: 300px;}
.ast-footer-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover {background: black;}
.site-above-footer-wrap .widget_nav_menu ul li .menu-link:hover {text-decoration: underline;}
.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row,.site-below-footer-wrap[data-section="section-below-footer-builder"] .site-footer-section {align-items: center;}
ul.rank-math-html-sitemap__list {display: flex;flex-wrap: wrap;list-style: none;padding: 0;padding-top: 20px;margin-bottom: 40px;}
li.rank-math-html-sitemap__item {flex-basis: calc(100% / 6);padding: 5px 0;box-sizing: border-box;color: #000;font-size: 14px;}
li.rank-math-html-sitemap__item a {text-decoration: none !important;}
li.rank-math-html-sitemap__item a:hover {color: #1473E6;text-decoration: underline !important;}
.site-below-footer-wrap .ast-footer-social-1-wrap .ast-builder-social-element.ast-facebook {background: #557dbc;}
.site-below-footer-wrap .ast-footer-social-1-wrap .ast-builder-social-element.ast-instagram {background: #f09433;background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);}
.site-below-footer-wrap .ast-footer-social-1-wrap .ast-builder-social-element.ast-behance {background: #E60023;}
.footer-widget-area .uagb-block-47c8aa1d.uagb-forms__outer-wrap {padding-top: 5px;padding-right: 0;padding-bottom: 25px;padding-left: 0;}
.footer-widget-area .uagb-block-47c8aa1d .uagb-forms-main-form .uagb-forms-input-label {font-size: 11px;margin-bottom: -11px;}
@media screen and (max-width: 777px) {
  .site-above-footer-inner-wrap {display: flex;flex-wrap: wrap;}
  .site-footer-above-section-5 {order: -1;flex-basis: 100%;}
  
  .footer-widget-area {display: flex;flex-direction: column;align-items: flex-start;}
  .ast-footer-copyright p {text-align: center !important;}
  .site-footer-above-section-5.site-footer-section.site-footer-section-5 #block-173 {padding-left: 10px;margin-bottom: 0;}
  .site-footer-above-section-5.site-footer-section.site-footer-section-5 #block-171 .wp-block-uagb-forms {padding-top: 15px;padding-left: 10px;}
  .site-above-footer-wrap[data-section="section-above-footer-builder"] {padding: 20px;}
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .site-above-footer-wrap[data-section="section-above-footer-builder"],.site-below-footer-wrap[data-section="section-below-footer-builder"] {padding-left: 20px;padding-right: 20px;}
}

/* Footer columns: 4-up is TABLET ONLY (481-777px); phone <=480px stays 2-up (calc(50% - 22px) above). Re-scoped 2026-06-07 out of the <=777px block so the two basis rules no longer overlap at <=480px. */
@media (min-width: 481px) and (max-width: 777px) {
  .site-footer-above-section-1,.site-footer-above-section-2,.site-footer-above-section-3,.site-footer-above-section-4 {flex-basis: calc(25% - 20px);margin: 10px;}
}

/* Footer newsletter: restore intended hidden state of the uagb success/failed submit messages. On shop/category pages a heavier block-asset cascade overrides .uagb-forms-submit-message-hide{display:none}, un-hiding both messages (~57px phantom gap below Submit). !important justified: beats a shop-only third-party equal/heavier cascade; scoped to the footer newsletter (section-5) only. */
.site-footer-above-section-5 .uagb-forms-submit-message-hide { display: none !important; }