/* ┏┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏┓ ┏┓ ┏━┓ ┏┓ ┏━━━┓ ┏━━━┓ ┏━━━━┓ ┏━━┓ ┏━━━┓ ┏━┓ ┏┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┃┃ ┃┃ ┃┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━━┛ ┃┏━┓┃ ┃┃ ┃┃ ┃ ┗┓┃┃ ┗┓┏┓┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┗┫┣┛ ┃┏━┓┃ ┃ ┗┓┃┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┃ ┃┃ ┃┃ ┃┃ ┃┃ ┃┃ ┃┃ ┏━━━┓ ┃┗━━┓ ┃┃ ┃┃ ┃┃ ┃┃ ┃┏┓┗┛┃ ┃┃┃┃ ┃┃ ┃┃ ┗┛┃┃┗┛ ┃┃ ┃┃ ┃┃ ┃┏┓┗┛┃ ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓ ┃┃ ┃┃ ┃┃ ┃┃ ┃┃ ┃┃ ┃┃ ┗━━━┛ ┃┏━━┛ ┃┃ ┃┃ ┃┃ ┃┃ ┃┃┗┓ ┃ ┃┃┃┃ ┃┗━┛┃ ┃┃ ┃┃ ┃┃ ┃┃ ┃┃┗┓ ┃ ┃┃ ┏┓ ┗━━┓┃ ┗━━┓┃ ┃┗━┛┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┃ ┃ ┏┛┗┛┃ ┃┏━┓┃ ┃┃ ┏┫┣┓ ┃┗━┛┃ ┃┃ ┃ ┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┗━━━━━━┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗━┛ ┗━━━┛ ┗┛ ┗┛ ┗┛ ┗━━┛ ┗━━━┛ ┗┛ ┗━┛ ▀ ┗━━━┛ ┗━━━┛ ┗━━━┛ - "WOOCOMMERCE STYLESHEET" DESIGN BY © LO STUDIO /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ html { --borders: 1px solid rgb(10 10 10 / 30%); } /** * * ▄▀▀▄ ▄▀▀ ▄▀▀ █▀▀ ▀▀█▀▀ ▄▀▀ * █▀▀█ ▀▄ ▀▄ █▀▀ █ ▀▄ * ▀ ▀ ▀▀ ▀▀ ▀▀▀ ▀ ▀▀ - ASSETS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TABLES ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* General */ #page_system table { position: relative; border: 0; border-collapse: collapse; } #page_system table td { padding: .75rem .5rem; text-align: left; font-size: var(--rem); border: 0; } #page_system table td p, #page_system table td label { font-size: var(--rem); } #page_system table tr { border-bottom: 1px solid rgb(10 10 10 / 25%); } #page_system table tr:nth-child(even) { background-color: rgb(var(--black-rgb) / 5%); } #page_system table th { padding: .5rem .5rem; text-align: left; border: 0; } #page_system table td li, .woocommerce ul#shipping_method li { margin: 0; padding: 0; } /* Cart table */ #wc_wrapper .woocommerce .woocommerce-cart-form table { margin-bottom: var(--c10v); } #wc_wrapper .woocommerce .woocommerce-cart-form table thead { display: none; width: 0; } #wc_wrapper .woocommerce .woocommerce-cart-form table td { display: flex; justify-content: space-between; align-items: center; border-bottom: 0; } #wc_wrapper .woocommerce .woocommerce-cart-form table td::before { content: attr(data-title); } #wc_wrapper .woocommerce .woocommerce-cart-form table td.product-thumbnail { display: none; } #wc_wrapper .woocommerce .woocommerce-cart-form table tr { display: block; } #wc_wrapper .woocommerce .woocommerce-cart-form table tr:not(#wc_wrapper .woocommerce .woocommerce-cart-form table tr:first-of-type) { padding-top: 0.75rem; } #wc_wrapper .woocommerce .woocommerce-cart-form table tr:not(#wc_wrapper .woocommerce .woocommerce-cart-form table tr:last-of-type) { padding-bottom: 0.75rem; } #wc_wrapper .woocommerce .woocommerce-cart-form table .product-remove a { width: 2rem; font-size: 2em; line-height: 1; text-align: center; } /* Order table */ #wc_wrapper .woocommerce .woocommerce-orders-table thead, #wc_wrapper .woocommerce .shop_table thead { display: none; width: 0; } #wc_wrapper .woocommerce .woocommerce-orders-table tr, #wc_wrapper .woocommerce .shop_table tr { display: block; } #wc_wrapper .woocommerce .woocommerce-orders-table td, #wc_wrapper .woocommerce .shop_table td { display: flex; justify-content: space-between; align-items: center; } #wc_wrapper .woocommerce .woocommerce-orders-table td::before, #wc_wrapper .woocommerce .shop_table td::before { content: attr(data-title); font-weight: 700; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BUTTONS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .woo_style a.button, .woo_style button.button, .woo_style a.edit, .woo_style a.add_to_cart, .woo_style a.wc-block-components-button { display: inline-flex !important; gap: .5em; position: relative !important; background-color: var(--brown) !important; border: 1px solid var(--brown) !important; border-radius: .25em !important; padding: .75em 1em !important; font-size: 1rem !important; color: var(--white) !important; font-weight: 500 !important; visibility: visible; text-decoration: none !important; margin-right: 0!important; transition: .25s ease !important; } .woo_style a.button:hover, .woo_style button.button:hover, .woo_style a.edit:hover, .woo_style a.add_to_cart:hover, .woo_style a.wc-block-components-button:hover { background-color: var(--white) !important; !important; color: var(--brown) !important; } .woo_style table a.button, .woo_style table button.button, .woo_style table a.edit, .woo_style table a.add_to_cart, .woo_style table a.wc-block-components-button { display: inline !important; padding: 0.5rem 0; background-color: transparent !important; text-decoration: underline !important; color: var(--black) !important; border: 0 !important; } .wishlist-title a.show-title-form svg.yith-wcwl-icon-svg, .wishlist-title a.show-title-form img { width: 1rem; height: 1rem; object-fit: contain; } /** * * █▀▄ ▄▀▄ ▄▀▀ █▀▀ ▄▀▀ ▀▄ ▄▀ ▄▀▀ ▀▄ ▄▀ █▀▀ █▄ ▄█ * █ █ █▀█ █ ▀▌ █▀▀ ▀▄ █ ▀▄ █ █▀▀ █ █ █ * █▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀▀ ▀ ▀ - PAGE SYSTEM * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ GENERAL RULES ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #page_system h1 { margin-bottom: 1.5rem; font-size: calc(var(--h1-size) * 0.8); } #page_system .woocommerce p a { display: inline; text-decoration: underline; } #page_system .woocommerce section { margin-top: var(--c5v); } #page_system .woocommerce h2 { font-size: calc(var(--h2-size) * 0.625); padding: 0.5rem 0; font-family: var(--main-font); font-weight: 500; } #page_system .woocommerce h3 { font-size: calc(var(--h3-size) * 0.625); padding: 0.5rem 0; font-family: var(--main-font); font-weight: 500; } /* Ecommerce off */ #page_system .ecommerce_off h1 { margin: 0; } #page_system .ecommerce_off { max-width: 1024px; margin: 0 auto; } #s1_single .ecommerce_off .btn_off { color: var(--white); background-color: var(--brown); font-size: 0.85em; font-family: var(--main-font); text-transform: uppercase; font-weight: 500; padding: 0.75rem 1.25rem; width: fit-content; border-radius: 0; border: 1px solid var(--brown); transition: .25s ease; opacity: 0.5; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGIN ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #page_system .woocommerce #customer_login .u-column2 { padding-top: var(--c5v); } #page_system .woocommerce .woocommerce-form-login__rememberme { display: flex; justify-content: flex-start; align-items: center; gap: .5rem; } #page_system .woocommerce .woocommerce-form-login__submit { margin-top: 1.5rem; } #page_system .woocommerce #customer_login form { margin: 0; margin-top: 1rem; } #page_system .woocommerce #customer_login form p { font-size: 0.7rem; padding-top: 0.75rem; margin: 0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ADDRESS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #page_system .woocommerce address { font-style: normal; margin-top: 0.5rem; line-height: 1.5; } #page_system .woocommerce .woocommerce-address-fields .button, #page_system .woocommerce .woocommerce-address-fields button { margin-top: 2rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ MY ACCOUNT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Bacheca */ #page_system .woocommerce .woocommerce-MyAccount-navigation { padding-bottom: 2rem; } #page_system .woocommerce .woocommerce-MyAccount-navigation li { list-style: none; margin-left: 0; text-align: left; } #page_system .woocommerce .woocommerce-MyAccount-navigation li a { display: block; position: relative; width: 100%; padding: 0; transition: .25s ease; text-decoration: unset; } #page_system .woocommerce .woocommerce-MyAccount-content { padding-top: 1rem; border-top: 1px solid rgb(10 10 10 / 25%); } #page_system .woocommerce .woocommerce-MyAccount-content legend { display: block; position: relative; font-size: calc(var(--rem) * 1.5); font-weight: 500; padding-top: 2.5rem; width: 100%; text-align: left; } #page_system .woocommerce .edit-account .button { margin-top: 1.5rem; } /* Indirizzi */ #page_system .woocommerce .addresses { padding-top: var(--c2v); } #page_system .woocommerce .addresses header { margin-top: 1rem; text-align: center; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 0.5rem; padding-bottom: 0.5rem; text-align: left; } /* Visualizza ordine */ #page_system .woocommerce .woocommerce-MyAccount-content .order-again a { margin-top: 2rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CART ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #page_system .woocommerce-cart-form .wc-block-components-product-metadata { display: none; } #page_system .woocommerce-cart-form .wc-block-components-sidebar span { text-align: left; } #page_system .woocommerce-cart-form .wc-block-cart__submit-container { padding-top: 1rem; display: flex; justify-content: center; align-items: center; } #page_system .woocommerce-cart-form .coupon button { float: none; width: 100%; display: block; margin-top: 1rem;} #page_system .woocommerce-cart-form .actions button { margin-top: 1rem; } #page_system .woocommerce-cart-form .quantity { display: flex; justify-content: flex-end; align-items: center; } #page_system .woocommerce .cart-collaterals .cart_totals, #page_system .woocommerce-page .cart-collaterals .cart_totals { width: 100%; float: unset; } #page_system .woocommerce table.cart td.actions .coupon { display: none; } #page_system .cart_totals .checkout-button { margin-top: 1.5rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CHECKOUT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #page_system .woocommerce .wc_payment_methods { padding-top: 2rem; padding-bottom: 2rem; border-bottom: 1px solid rgb(10 10 10 / 25%); } #page_system .woocommerce .wc_payment_methods::before { content: "Metodo di pagamento"; position: relative; font-size: 1.25em; padding-bottom: 1rem; display: block; font-family: var(--main-font); font-weight: 700; } #page_system .woocommerce .checkout_coupon .form-row { float: none; width: 100%; } #page_system .woocommerce .checkout_coupon button { width: 100%; font-size: calc(var(--rem) * 0.9); } #page_system .woocommerce .wc_payment_methods li { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; cursor: pointer; font-weight: 700; } #page_system .woocommerce .wc_payment_methods .wc_payment_method label { padding: 0.2rem 0; cursor: pointer; } #page_system .woocommerce .wc_payment_methods .wc_payment_method:not(#page_system .woocommerce .wc_payment_methods .wc_payment_method:first-of-type) { padding-top: 0.75rem; } #page_system .woocommerce .wc_payment_methods .payment_box { display: block; width: 100%; } #page_system .woocommerce .wc_payment_methods li { display: flex !important; } #page_system .woocommerce .checkout #place_order { margin-top: 2rem; } #page_system #payment { border-radius: 0; background-color: unset; background-color: rgb(var(--black-rgb) / 5%); } #page_system #payment li p { font-size: calc(var(--rem) * 0.8); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ORDER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #page_system .woocommerce-order .woocommerce-notice { display: block; position: relative; width: 100%; font-weight: 700; padding-bottom: 1rem; } #page_system .woocommerce-order ul { margin: 0; margin-bottom: 2rem; } #page_system .woocommerce-order li { float: unset; position: relative; display: block; width: 100%; text-align: left; padding: 1rem 0; border-bottom: 1px dashed rgb(var(--black-rgb) / 50%); border-right: 0; } #page_system .woocommerce-order-details tbody { padding-bottom: 1rem; border-bottom: 1px dashed rgb(var(--black-rgb) / 50%); } #page_system .woocommerce-order-details tfoot { padding-top: 1rem; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ WHISLIST ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #page_system .wishlist-title-container { text-align: center; } #page_system .wishlist-title-container table { margin: 0; } #page_system .wishlist-title { display: flex; justify-content: center; align-items: center; flex-direction: column; } #page_system .wishlist-title h2 { font-size: calc(var(--h2-size) * 0.5); margin-bottom: 0.5rem; } #page_system .hidden-title-form { width: 80%; } .yith-wcwl-add-to-wishlist-button--added svg path { fill: var(--brown); } #page_system .wishlist-items-wrapper a.remove { display: flex; justify-content: center; align-items: center; } #page_system .wishlist-items-wrapper .product-add-to-cart a { display: block !important; width: max-content; } #page_system .yith_wcwl_wishlist_footer { display: none; } #page_system table.wishlist_table { overflow-x: scroll; display: block; } #page_system table.wishlist_table th span { display: block; width: max-content; } #page_system table.wishlist_table::-webkit-scrollbar { height: 4px; background-color: rgb(var(--black-rgb) / 5%); } #page_system table.wishlist_table::-webkit-scrollbar-thumb { height: 4px; background-color: var(--yellow); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .woo_style form.cart { display: flex; justify-content: flex-start; align-items: center; gap: 1rem; } /* Variations */ .woo_style #product_variablie form.cart { justify-content: center; align-items: flex-start; flex-direction: column; } .woo_style form .woocommerce-variation-add-to-cart, .woo_style form .single_variation_wrap { display: flex; justify-content: flex-start; align-items: center; gap: 1rem; } .woo_style form .variations { margin-bottom: 0.5rem; } .woo_style form .value .reset_variations { display: none !important; position: absolute; bottom: 0; left: 0; transform: translateY(calc(100%)); padding: 0.5rem; width: 8rem; text-align: center; background: var(--brown); color: var(--white); text-transform: uppercase; font-family: var(--main-font); } /** * * █▀▄ ▄▀▄ ▄▀▀ █▀▀ ▄▀▀ * █ █ █▀█ █ ▀▌ █▀▀ ▀▄ * █▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀ * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /* ∞∞∞∞∞∞ NEHOZIO ∞∞∞∞∞∞ */ #page_shop .woocommerce .products li { list-style: none; margin-left: 0; } /* ∞∞∞∞∞∞ PRODOTTI ∞∞∞∞∞∞ */ #product_variablie { padding-top: 1.5rem; border-top: 2px solid rgb(var(--black-rgb) / 15%); } #product_variablie .woocommerce-product-gallery { display: none !important; } #product_variablie .summary { float: unset; } #product_variablie .summary, #product_variablie .summary form { margin: 0; } #product_variablie .summary .product_meta { display: none !important; } #product_variablie .summary .price:not(#product_variablie .summary form .price) { display: none !important; } #product_variablie .woocommerce-tabs, #product_variablie .wc-tabs-wrapper { display: none !important; } #product_variablie .related { display: none !important; } #product_variablie .variations .label { position: relative; line-height: 1em; vertical-align: middle; text-align: left; padding: 0; width: 4rem; } #product_variablie .variations th { position: relative; line-height: 1em; vertical-align: middle; text-align: left; padding: 0; } #product_variablie .variations .value { position: relative; line-height: 1em; vertical-align: middle; text-align: left; padding: 0; max-width: 4rem; } #product_variablie .variations td { position: relative; line-height: 1em; vertical-align: middle; text-align: left; padding: 0; } #product_variablie .variations .value select, #product_variablie .variations #peso { cursor: pointer; padding: 0.75rem 0.5rem; border-bottom: 1px solid rgb(var(--black-rgb) / 50%); font-size: var(--rem); font-family: var(--main-font); } /** * * █▀▀ ▄▀▀▄ █▀▀▄ █▄ ▄█ * █▀▀ █ █ █▐█▀ █ █ █ * ▀ ▀▀ ▀ ▀▀ ▀ ▀ - FORM * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /* General fields */ #page_system form .woocommerce-billing-fields h3 { padding-bottom: var(--c2v); font-size: calc(var(--h3-size) * 0.8); } #page_system form .form-row { margin: 0; padding: 0; padding-top: 0.75rem; } #page_system form .form-row span { font-size: calc(var(--rem) * 0.85); } #page_system form .form-row em { text-align: left; display: block; position: relative; font-size: calc(var(--rem) * 0.85); padding-top: 0.5rem; } #page_system form li { list-style: none; margin-left: 0; } /* Input */ #page_system form input { position: relative; display: block; background-color: var(--white); border: unset; border-radius: .25em; padding: .5em 1em; font-size: 1rem; color: var(--brown); } #page_system form input[type="radio"] { -webkit-appearance: none; appearance: none; width: auto; height: auto; padding: .5em; background-color: transparent; border: 1px solid var(--black); cursor: pointer; border-radius: 50%; transition: .25s ease; } #page_system form input[type="radio"]:checked { background-color: var(--black); } #page_system form input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: auto; height: auto; padding: .625em; background: transparent; background-repeat: no-repeat; background-position: center; background-size: 1em; border: 1px solid var(--black); border-radius: 0; cursor: pointer; transition: .25s ease; } #page_system form input[type="checkbox"]:checked { background-image: url(../images/svg/checked.svg); } #page_system.woo_style form .quantity input, .woo_style form .quantity input { width: 3rem; height: 2.75rem; border: 1px solid rgb(var(--black-rgb) / 40%); border-radius: .25em; padding: 0.5rem; text-align: center; font-size: 1em; } #page_system .woocommerce form .show-password-input { position: absolute; top: 50%; right: 0.75rem; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; height: 100%; } /* Label */ #page_system form label, #page_system .wc-block-components-textarea, #page_system .wc-block-components-textarea::placeholder { font-size: 1rem; font-weight: 400; } #page_system .wc-block-components-form .wc-block-components-text-input.is-active label { top: 2px; transform: scale(.5); } #page_system .wp-block-woocommerce-checkout .wc-block-checkout__login-prompt { display: inline-block; position: relative; background-color: var(--brown); border: unset; border-radius: .25em; border: 1px solid var(--brown); padding: .75em 1em; font: inherit; font-size: var(--rem); font-weight: 500; color: var(--white); } #page_system .wp-block-woocommerce-checkout .wc-block-checkout__login-prompt:hover { background-color: var(--white); color: var(--brown); } #page_system .wc-block-components-title.wc-block-components-title { font-size: 1.5rem; font-weight: 700; font-family: var(--main-font); } #page_system .wc-block-components-checkbox label { justify-content: center; align-items: center; } #page_system .wc-block-components-checkbox .wc-block-components-checkbox__mark { display: none; } #page_system .wc-block-components-address-card address { font-size: .85rem; } #page_system .wc-block-checkout__terms { font-size: .85rem; } #page_system .wc-block-checkout__terms a { font: inherit; text-decoration: underline; display: inline-block; } #page_system :where(.wp-element-button, .wp-block-button__link) { display: inline-flex; position: relative; background-color: var(--brown); border: unset; border-radius: .25em; border: 1px solid var(--brown); padding: .75em 1em; font: inherit; font-size: var(--rem); font-weight: 500; color: var(--white); text-align: center; transition: .25s ease; } #page_system :where(.wp-element-button, .wp-block-button__link):hover { background-color: var(--white); color: var(--brown); } #page_system form label abbr, #page_system form label abbr[title], #page_system form label acronym { text-decoration: none; font-variant-caps: normal; } /* Select */ #page_system form .select2-container { display: block; } #page_system form .selection span[role=combobox], #page_system form .selection span.select2-selection { border-radius: 0; padding: .25rem .5rem; text-align: left; height: auto; border: 1px solid rgb(10 10 10 / 25%); } #page_system form .selection span[role=textbox], #page_system form .selection span.select2-selection__rendered { line-height: var(--p-line); padding: 0; font-size: calc(var(--rem) * 0.8); } #page_system form .selection span[role=presentation], #page_system form .selection span.select2-selection__arrow { position: absolute; top: 0; right: 0; height: 100%; width: 2rem; } /* Shipping */ #page_system form .woocommerce-shipping-fields { padding: var(--c5v) 0 var(--c5v) 0; } #page_system form .woocommerce-shipping-fields h3 label { display: flex; justify-content: flex-start; align-items: center; gap: 1rem; font-size: calc(var(--h3-size) * 0.5); padding-bottom: var(--c2v); } /* Form notes */ #page_system form .woocommerce-additional-fields .notes { margin: 0; padding-bottom: var(--c5v); } #page_system form .woocommerce-additional-fields .notes textarea { position: relative; display: block; width: 100%; padding: .5rem; border: 1px solid rgb(10 10 10 / 25%); resize: vertical; } #page_system form .woocommerce-additional-fields .notes textarea::placeholder { font-family: var(--p-family); } /* Custom fields */ /* #page_system .af_c_f_extra_fields .custom_radio, #page_system .woocommerce-billing-fields .input-radio { display: inline-block; margin: 0; margin-left: 0.5rem; } #page_system .af_c_f_extra_fields .custom_radio:first-of-type, #page_system .woocommerce-billing-fields .input-radio:first-of-type { margin-left: 0; } */ #custom_fields .radio_container { gap: 1rem; } #custom_fields .single_radio { width: auto !important; gap: 0.25rem; } #custom_fields .form-row.hide { display: none; } /** * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ * * RESPONSIVE * * * __________________________________________________________________________________________________________________________________________________________________________ */ /** * * █▄ ▄█ ▄▀▀▄ █▀▀▄ ▀ █ █▀▀ * █ █ █ █ █ █▀▀█ █ █ ▄ █▀▀ * ▀ ▀ ▀▀ ▀▀▀ ▀ ▀▀▀▀ ▀▀▀ - MOBILE PORT | 601 -> 767 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 601px) { /* Order table */ #wc_wrapper .woocommerce .woocommerce-orders-table thead, #wc_wrapper .woocommerce .shop_table thead { display: table-header-group; } #wc_wrapper .woocommerce .woocommerce-orders-table tr, #wc_wrapper .woocommerce .shop_table tr { display: table-row; } #wc_wrapper .woocommerce .woocommerce-orders-table td, #wc_wrapper .woocommerce .shop_table td { display: table-cell; } #wc_wrapper .woocommerce .woocommerce-orders-table td::before, #wc_wrapper .woocommerce .shop_table td::before { content: none; } } /** * * ▀▀█▀▀ ▄▀▀▄ █▀▀▄ █ █▀▀ ▀▀█▀▀ * █ █▀▀█ █▀▀█ █ ▄ █▀▀ █ * ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀ - TABLET | 768 x 1024 -> 1023 x 1280 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 768px) { /* ∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞ */ /* Tables */ #wc_wrapper .woocommerce .woocommerce-cart-form table thead { display: table-header-group; } #wc_wrapper .woocommerce .woocommerce-cart-form table tr { display: table-row; margin-top: 0; } #wc_wrapper .woocommerce .woocommerce-cart-form table td.product-thumbnail { display: table-cell; } #wc_wrapper .woocommerce .woocommerce-cart-form table td.product-thumbnail a { text-align: center; } #wc_wrapper .woocommerce .woocommerce-cart-form table td.product-thumbnail a img { width: 50%; } #wc_wrapper .woocommerce .woocommerce-cart-form table td { display: table-cell; } #wc_wrapper .woocommerce .woocommerce-cart-form table td::before { content: none; } } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀▀█▀▀ ▄▀▀▄ █▀▀▄ ▄▀▀ █▄ ▄█ ▄▀▀▄ █ █ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ ▀▄ █ █ █ █▀▀█ █ ▄ █ ▄ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀ - LAPTOP | 1024 x 768 -> 1280 x 720 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1024px) { /* ∞∞∞∞∞∞ PAGE SYSTEM ∞∞∞∞∞∞ */ /* Account */ #page_system .woocommerce .woocommerce-MyAccount-navigation ul { display: flex; justify-content: flex-start; align-items: center; gap: 1rem; } #page_system .woocommerce .woocommerce-MyAccount-navigation li { position: relative; } #page_system .woocommerce .woocommerce-MyAccount-navigation li a::after { content: ""; width: 100%; height: 1px; position: absolute; right: 0; bottom: 0; background-color: var(--brown); transition: transform .4s cubic-bezier(.7,0,.2,1); transform: scaleX(0); transform-origin: right center; } #page_system .woocommerce .woocommerce-MyAccount-navigation li a:hover, #page_system .woocommerce .woocommerce-MyAccount-navigation li.is-active a { color: var(--brown); } #page_system .woocommerce .woocommerce-MyAccount-navigation li a:hover::after, #page_system .woocommerce .woocommerce-MyAccount-navigation li.is-active a::after { transform-origin: left center; transform: scaleX(1); transition-delay: .1s; } /* Checkout */ #page_system form .woocommerce-shipping-fields { padding: 0; position: sticky; top: 0; } #page_system form.checkout.woocommerce-checkout #order_review_heading { padding-top: 2.5rem; } /* Cart */ #page_system .woocommerce .woocommerce-cart-form table td.product-thumbnail a img { width: 20%; } #page_system .woocommerce-cart-form .actions button[name="update_cart"] { margin-top: 0; margin-left: 1rem !important; } /* Login */ #page_system .woocommerce #customer_login { display: grid; grid-template-columns: 1fr 1fr; gap: var(--c2o); } #page_system .woocommerce #customer_login .u-column2 { padding-top: 0; } #page_system .woocommerce #customer_login div { width: 100%; } #page_system .woocommerce #customer_login::before { display: none; } #page_system .woocommerce #customer_login::after { display: none; } /* Wishlist */ #page_system table.wishlist_table { overflow-x: scroll; display: block; width: fit-content; margin: 0 auto; } /* ∞∞∞∞∞∞ PRODOTTI ∞∞∞∞∞∞ */ #product_variablie .summary, #product_variablie .summary form { width: 100%; } } /** * * █ ▄▀▀▄ █▀▀▄ ▀█▀ ▄▀▀▄ █▀▀▄ * █ ▄ █▀▀█ █ █ █ █ █ █ █ * ▀▀▀▀ ▀ ▀ █▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1281 x 720 -> 1366 x 768 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1281px) { } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀█▀ ▄▀▀▄ █▀▀▄ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1367 x 768 -> 1919 x 1080 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1367px) {} /** * * █ █ █▀▀▄ █▀▀ █▀▀▄ * █ █ █▀▀█ █▀▀ █▐█▀ * ▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - ÜBER | 1921 -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1921px) {} /** * * ▄▀█ █ ▄▀ * █▄▄█▄ █▀▄ * █ ▀ ▀▀ - DESKTOP 4K & UP | 2561px -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and ( min-width: 2561px ) {}