/* Theme Name: Flatsome Child Description: This is a child theme for Flatsome Theme Author: UX Themes Template: flatsome Version: 3.0 */ /*************** ADD CUSTOM CSS HERE. ***************/ /* Esconde o texto do botão por padrão */ .wc-block-cart__submit-button .wc-block-components-button__text { visibility: hidden; } /* Só mostra quando o JS adicionar a classe na tag */ html.soda-checkout-ready .wc-block-cart__submit-button .wc-block-components-button__text { visibility: visible; } /* WooCommerce - My Account addresses layout fix */ .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.5rem; width: 100%; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address { float: none; width: 100%; margin: 0; } /* Fallback when old Woo markup still contains Bootstrap classes .col-1/.col-2 */ .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .col-1, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .col-2 { flex: 1 1 320px !important; width: 100% !important; max-width: none !important; float: none !important; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .title { display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .title h2, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .title h3 { float: none; width: 100%; margin: 0; line-height: 1.3; font-size: 1.35rem; word-break: normal; overflow-wrap: anywhere; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .title .edit, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .title a { float: none; width: auto; line-height: 1.4; white-space: normal; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address { margin: 0; line-height: 1.6; overflow-wrap: anywhere; word-break: break-word; } @media only screen and (max-width: 48em) { /*************** ADD MOBILE ONLY CSS HERE ***************/ .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { grid-template-columns: 1fr; gap: 1rem; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .title h2, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .title h3 { font-size: 1.2rem; } } /* Force single column layout on My Account for mobile/tablet (Flatsome breakpoint) */ @media only screen and (max-width: 849px) { .woocommerce-account .woocommerce { display: block !important; } .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { float: none !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; clear: both; } .woocommerce-account .woocommerce-MyAccount-content { margin-top: 1.25rem; } }