File: /var/www/html/insiders/wp-load/wp-content/themes/breadly/woocommerce-rtl.css
/* Base spacing for internal use */
/* Default transition */
/* -----------------------------------------------------------------------------
*
* # FIX BASE STYLE
*
* -------------------------------------------------------------------------- */
.woocommerce span.onsale {
aspect-ratio: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
min-width: 2em;
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li:not(:last-child) {
-webkit-margin-end: 0.5em;
margin-inline-end: 0.5em;
}
.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
top: revert;
}
.wc-block-mini-cart__button,
.wc-block-components-drawer .components-modal__header .components-button {
cursor: pointer;
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
padding: 0.4em 0;
border: none;
}
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row td {
margin-bottom: 0;
}
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
padding-bottom: 0;
}
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
font-weight: bold;
}
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-metadata {
margin-top: 1em;
}
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices {
font-size: 0.85em;
}
.product_meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
gap: 0.5em;
}
.woocommerce a.remove {
line-height: 0.9;
}
.return-to-shop a.wp-element-button br {
display: none;
}
/* -----------------------------------------------------------------------------
*
* # THEME
*
* -------------------------------------------------------------------------- */
.wc-block-mini-cart__shopping-button a, .wc-block-components-button:not(.is-link),
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
font-family: var(--gtm--font-family--heading);
font-weight: 700;
font-size: var(--gtm--theme--font-size--lg);
padding: 0.6em 1.5em;
line-height: 1.8;
-webkit-transition: var(--gtm-transition);
transition: var(--gtm-transition);
-webkit-transition-property: var(--gtm-global--transition-property);
transition-property: var(--gtm-global--transition-property);
will-change: var(--gtm-global--transition-property);
}
.wc-block-components-button:not(.is-link) {
border-radius: 3px;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
background-color: var(--wp--preset--color--area-bg-2);
border-radius: var(--wp--custom--breadly--radius--normal);
}
.woocommerce span.onsale {
font-size: 0.8em;
padding: 0.8em;
background-color: var(--wp--preset--color--primary);
}
.woocommerce ul.products li.product .button {
color: #fff;
background-color: var(--wp--preset--color--primary-text);
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
color: #fff;
background-color: var(--wp--preset--color--tertiary);
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
color: #fff;
background-color: var(--wp--preset--color--primary);
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
color: #fff;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: var(--wp--preset--color--tertiary);
}
.woocommerce div[data-block-name="woocommerce/legacy-template"]:last-child {
-webkit-margin-after: var(--gtm--space--2xl);
margin-block-end: var(--gtm--space--2xl);
}
/**
*
* Product grid
*
*/
.woocommerce ul.products li.product .price {
color: var(--wp--preset--color--primary);
font-size: var(--gtm--theme--font-size--md);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 1.44em;
line-height: 1.25;
}
.woocommerce ul.products li.product a img {
border-radius: var(--wp--custom--breadly--radius--normal);
}
/**
*
* Pagination
*
*/
.woocommerce nav.woocommerce-pagination {
border-bottom: 1px solid var(--wp--preset--color--line);
}
.woocommerce nav.woocommerce-pagination ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--gtm--space--4xs);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: -1px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
font-size: var(--gtm--theme--font-size--lg);
line-height: inherit;
font-weight: inherit;
padding: 0.75em 1em;
-webkit-transition: var(--gtm-transition);
transition: var(--gtm-transition);
-webkit-transition-property: var(--gtm-global--transition-property);
transition-property: var(--gtm-global--transition-property);
will-change: var(--gtm-global--transition-property);
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background-color: transparent;
color: var(--wp--preset--color--primary);
}
.woocommerce nav.woocommerce-pagination ul li span.current {
border-bottom: 5px solid var(--wp--preset--color--primary);
}
.woocommerce-products-header__title {
font-size: var(--gtm--theme--font-size--6-xl);
line-height: 1.1;
}
.woocommerce .woocommerce-breadcrumb {
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--tertiary-text);
-webkit-margin-before: 38px;
margin-block-start: 38px;
-webkit-margin-after: var(--gtm--space--md);
margin-block-end: var(--gtm--space--md);
}
.woocommerce .woocommerce-breadcrumb a {
text-decoration: none;
}
.woocommerce .woocommerce-breadcrumb a:hover {
text-decoration: none;
color: var(--wp--preset--color--primary);
}
.woocommerce .woocommerce-ordering {
margin: -1em 0 var(--gtm--space--2xl);
}
@media (max-width: 767.98px) {
.woocommerce .woocommerce-ordering {
margin-top: 1em;
float: none;
}
}
/**
*
* Single product
*
*/
.woocommerce div.product h1.product_title {
font-size: var(--gtm--theme--font-size--6-xl);
line-height: 1.1;
margin-bottom: 1rem;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--wp--preset--color--primary);
}
.product_meta {
font-size: var(--gtm--theme--font-size--sm);
}
.woocommerce a.button,
.woocommerce button.single_add_to_cart_button,
.woocommerce button[name=add-to-cart],
.woocommerce button[type=submit]:not(.wp-block-search__button),
.woocommerce input[name=submit] {
font-size: var(--gtm--theme--font-size--lg);
padding: 0.6em 1.5em;
background-color: var(--wp--preset--color--primary);
color: #fff;
}
.woocommerce div.product .quantity .qty {
padding-top: 1.1em;
padding-bottom: 1em;
min-width: 3em;
}
.woocommerce table.variations tr {
margin-bottom: var(--gtm--space--3xs);
}
.woocommerce div.product .related.products > h2, .woocommerce #reviews #comments h2, .woocommerce div.product .woocommerce-tabs .panel > h2 {
font-size: 2.0736em;
line-height: 1.1;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs {
margin-top: 1em;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1em;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li {
float: none;
width: auto;
}
.woocommerce div.product div.images.woocommerce-product-gallery img {
border-radius: var(--wp--custom--breadly--radius--normal);
-webkit-transition: var(--gtm-transition);
transition: var(--gtm-transition);
-webkit-transition-property: var(--gtm-global--transition-property);
transition-property: var(--gtm-global--transition-property);
will-change: var(--gtm-global--transition-property);
}
@media (min-width: 1200px) {
.woocommerce div.product .woocommerce-tabs {
float: left;
width: 48%;
clear: none;
}
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding-top: var(--gtm--space--sm);
margin-bottom: var(--gtm--space--xl);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: unset;
background-color: transparent;
padding-bottom: var(--gtm--space--3xs);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
content: unset;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:not(:last-child) {
-webkit-margin-end: 0.5em;
margin-inline-end: 0.5em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: transparent;
color: var(--wp--preset--color--primary);
}
.woocommerce div.product .related.products:before {
content: "";
display: block;
clear: both;
}
.woocommerce div.product .related.products > h2 {
margin-bottom: var(--gtm--space--md);
}
.woocommerce .woocommerce-Reviews .comment-reply-title {
font-family: var(--gtm--font-family--heading);
line-height: 1.15;
font-weight: 600;
font-size: var(--gtm--theme--font-size--2-xl);
color: var(--wp--preset--color--primary-text);
letter-spacing: -0.02em;
margin-bottom: var(--gtm--space--xs);
}
/**
*
* Checkout page
*
*/
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background-color: var(--wp--preset--color--area-bg-2);
}
/**
*
* Account page
*
*/
.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
gap: var(--gtm--space--2xs);
font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
padding: 0;
margin: 0;
}
.woocommerce-account .woocommerce-EditAccountForm em {
font-size: var(--gtm--theme--font-size--sm);
color: var(--wp--preset--color--tertiary-text);
}
/**
*
* Mini cart
*
*/
.wc-block-mini-cart__shopping-button a {
border-radius: var(--wp--custom--breadly--radius--normal);
}