AlkantarClanX12
Current Path : /home/thanudqk/siamfreetour.com/wp-content/themes/qoe/ |
Current File : /home/thanudqk/siamfreetour.com/wp-content/themes/qoe/woocommerce.css |
.woocommerce .wp-block-group.has-global-padding { margin-top: 0; } .woocommerce .site-main { padding-top: var(--wp--preset--spacing--large); padding-bottom: var(--wp--preset--spacing--large); } .woocommerce .woocommerce-products-header .woocommerce-products-header__title { margin-top: 0; } .woocommerce ul.products.columns-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--wp--preset--spacing--medium); padding-top: var(--wp--preset--spacing--large); } @media only screen and (max-width: 781px) { .woocommerce ul.products.columns-3 { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 450px) { .woocommerce ul.products.columns-3 { grid-template-columns: repeat(1, 1fr); } } .woocommerce ul.products.columns-3::before { content: none; } .woocommerce ul.products.columns-3 li.product { width: 100%; margin-right: 0; clear: none; } .woocommerce ul.products.columns-3 li.product a img { border-radius: 10px; } .woocommerce span.onsale { background-color: var(--wp--preset--color--primary); min-height: 3.75em; min-width: 3.75em; line-height: 3.25; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: var(--wp--preset--font-size--medium); } .woocommerce ul.products li.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--wp--preset--color--base); } .woocommerce .woocommerce-ordering .orderby { padding: 12px 16px; font-size: var(--wp--preset--font-size--small); border: 2px solid var(--wp--preset--color--quaternary); border-radius: 5px; box-sizing: border-box; -webkit-appearance: none; appearance: none; background: transparent; background-image: url(assets/images/icon-downarrow.png); background-repeat: no-repeat; background-position: top 50% right 1em; background-size: 16px; } .woocommerce ul.products li.product .button { color: var(--wp--preset--color--base); background-color: var(--wp--preset--color--tertiary); } .woocommerce ul.products li.product .button:hover { color: var(--wp--preset--color--background); background-color: var(--wp--preset--color--primary); transition: 0.4s ease-in-out; } .woocommerce a.added_to_cart { margin-top: 0; padding-top: 0; } .woocommerce nav.woocommerce-pagination ul { border: none; } .woocommerce nav.woocommerce-pagination ul li { border: none; color: var(--wp--preset--color--base); background-color: var(--wp--preset--color--tertiary); margin-right: var(--wp--preset--spacing--xx-small); border-radius: 5px; } .woocommerce nav.woocommerce-pagination ul li:last-child { margin-right: 0; } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: var(--wp--preset--color--background); background-color: var(--wp--preset--color--primary); transition: 0.4s ease-in-out; } /* Mini cart styles --------------------------------------------- */ .wc-block-mini-cart__button, .wc-block-components-drawer .components-modal__header .components-button, .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { cursor: pointer; } .wc-block-mini-cart__footer .block-editor-block-list__layout .wc-block-components-button, .wc-block-mini-cart__footer .block-editor-block-list__layout .wp-block-button, .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button, .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-button { min-height: auto; border-radius: 5px; transition: 0.4s ease-in-out; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name { font-size: var(--wp--preset--font-size--base); color: var(--wp--preset--color--secondary); text-decoration: inherit; font-weight: 500; } .wc-block-mini-cart__empty-cart-wrapper .components-button { line-height: 1; border-radius: 5px; min-height: auto; } /* Single product styles --------------------------------------------- */ .woocommerce .product .woocommerce-product-gallery .flex-control-thumbs.flex-control-nav { margin: 0.75em 0 0; display: flex; flex-wrap: wrap; gap: 10px; } .woocommerce .product .woocommerce-product-gallery .flex-control-thumbs.flex-control-nav li { flex-basis: calc(25% - 8px); } .woocommerce div.product form.cart .variations select { padding: 12px 16px; font-size: var(--wp--preset--font-size--base); border: 2px solid var(--wp--preset--color--quaternary); border-radius: 5px; box-sizing: border-box; -webkit-appearance: none; appearance: none; background: transparent; background-image: url(assets/images/icon-downarrow.png); background-repeat: no-repeat; background-position: top 50% right 1em; background-size: 16px; margin-right: 0; margin-bottom: var(--wp--preset--spacing--xx-small); cursor: pointer; min-width: 240px; width: auto; } .summary form.cart.variations_form { flex-direction: column; } .summary form.cart.variations_form .single_variation_wrap .variations_button { display: flex; padding-top: var(--wp--preset--spacing--xx-small); } .summary form.cart table.variations { width: 100%; border-collapse: collapse; } .summary form.cart table.variations tr { display: inherit; } .summary form.cart table.variations th { min-width: 90px; text-align: left; vertical-align: middle; } .summary form.cart .reset_variations { margin-left: 15px; } .summary form.cart.grouped_form { flex-direction: column; } .summary form.cart.grouped_form .group_table td { vertical-align: middle; } .summary form.cart.grouped_form .button { max-width: max-content; margin-top: 15px; } .summary .product_meta { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--xx-small); } .woocommerce div.product form.cart div.quantity .qty { border: 1px solid var(--wp--preset--color--quaternary); border-radius: 5px; width: 6.45em; } .wp-block-woocommerce-product-details ul.wc-tabs { border-bottom: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color: var(--wp--preset--color--tertiary); } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 500; } .woocommerce div.product .related.products > h2 { margin-bottom: 0; } .woocommerce table.shop_attributes th { text-align: left; } .woocommerce table.shop_attributes td { font-style: normal; padding-left: var(--wp--preset--spacing--xx-small); } /* Message/info styles --------------------------------------------- */ .woocommerce-message { border-top-color: var(--wp--preset--color--primary); } .woocommerce-message::before { color: var(--wp--preset--color--primary); } /* Cart and checkout page styles --------------------------------------------- */ .woocommerce .quantity .qty { border: 1px solid var(--wp--preset--color--quaternary); border-radius: 5px; width: 6.45em; } .woocommerce-page .woocommerce-cart-form #coupon_code { border-radius: 5px; } .woocommerce-page .woocommerce-cart-form .actions button.button { height: 48px; } .woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce { max-width: var(--wp--style--global--wide-size); } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { padding: calc(0.667em + 2px) calc(1.333em + 2px); font-size: 1em; } .woocommerce-cart main .woocommerce { display: flex; flex-wrap: wrap; column-gap: 4%; } @media only screen and (max-width: 1120px) { .woocommerce-cart main .woocommerce { column-gap: 3%; } } .woocommerce-cart main .woocommerce .woocommerce-notices-wrapper { flex-basis: 100%; } .woocommerce-cart main .woocommerce .woocommerce-cart-form { flex-basis: 64%; width: 100%; padding-top: 45px; } @media only screen and (max-width: 1120px) { .woocommerce-cart main .woocommerce .woocommerce-cart-form { flex-basis: 65%; } } .woocommerce-cart main .woocommerce .cart-collaterals { flex-basis: 32%; width: 100%; } .woocommerce-cart main .woocommerce .cart-collaterals .cart_totals { width: 100%; } .woocommerce-cart main .woocommerce .cart-collaterals .cart_totals h2 { margin: 0; padding-bottom: 15px; } .woocommerce-cart main .woocommerce .cart_totals .shop_table tr td { text-align: right; } .woocommerce-cart main .woocommerce .shipping-calculator-form { text-align: left; } form.woocommerce-checkout { display: flex; flex-wrap: wrap; column-gap: 5%; } @media only screen and (max-width: 1120px) { form.woocommerce-checkout { column-gap: 3%; } } form.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout { flex-basis: 100%; } form.woocommerce-checkout #customer_details { display: flex; flex-direction: column; flex-basis: 60%; } @media only screen and (max-width: 1120px) { form.woocommerce-checkout #customer_details { flex-basis: 62%; } } form.woocommerce-checkout #customer_details .col-1, form.woocommerce-checkout #customer_details .col-2 { width: 100%; float: none; } form.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields h3 { margin-top: 0; } form.woocommerce-checkout #customer_details .col-2 { display: flex; flex-direction: column-reverse; } form.woocommerce-checkout #customer_details #ship-to-different-address label.checkbox { display: flex; column-gap: 5px; align-items: center; margin-top: 0.7rem; } form.woocommerce-checkout #customer_details #ship-to-different-address #ship-to-different-address-checkbox { width: 24px; height: 24px; margin-top: 2px; } form.woocommerce-checkout #customer_details #ship-to-different-address span { font-size: var(--wp--preset--font-size--medium); } form.woocommerce-checkout #order_review { flex-basis: 35%; } form.woocommerce-checkout #order_review table.shop_table { width: 100%; border-collapse: separate; background: var(--wp--preset--color--tertiary); border: none; border-radius: 0; margin: 0; padding: var(--wp--preset--spacing--medium); } form.woocommerce-checkout #order_review table.shop_table th { border: none; padding-left: 0; padding-right: 0; } form.woocommerce-checkout #order_review table.shop_table th.product-total { text-align: right; } form.woocommerce-checkout #order_review table.shop_table td { border: none; padding-left: 0; padding-right: 0; text-align: right; } form.woocommerce-checkout #order_review table.shop_table td.product-name { text-align: left; padding-left: 0; } form.woocommerce-checkout #order_review table.shop_table td.product-quantity { text-align: right; padding-right: 0; } form.woocommerce-checkout #order_review table.shop_table tr { border: none; border-bottom: 1px solid var(--wp--preset--color--quaternary); display: flex; justify-content: space-between; } form.woocommerce-checkout #order_review table.shop_table tr:last-child { border-bottom: none; } form.woocommerce-checkout #order_review_heading { display: none; } form.woocommerce-checkout .woocommerce-checkout-payment { flex-basis: 100%; margin-top: var(--wp--preset--spacing--medium); } form.woocommerce-checkout .woocommerce-checkout-payment .button { margin: 0; } /* My account on menu styles --------------------------------------------- */ .wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon { max-width: 20px; max-height: 20px; }