/**
* woocommerce-layout.scss
* Applies layout to the default WooCommerce frontend design
*/
/**
* Imports
*/
@import "./../_custom-properties.scss";
@import "./../_mixins.scss";
.woocommerce-account {
.account-navigation-wrap {
margin-bottom: 1.5em;
.kadence-customer-image {
position: absolute;
left: calc(1em + 4px);
top: 0;
img {
border-radius: 50%;
max-width: 40px;
position:absolute;
left:0;
top:0;
}
}
.kadence-account-avatar {
position: relative;
min-height: 40px;
display: flex;
align-items: center;
padding-left: calc( 1em + 4px );
margin-bottom: 0.5em;
margin-top: 0.5em;
.kadence-customer-name {
padding-left: 50px;
}
}
li {
a {
display: block;
padding: 0.5em 1.5em 0.5em 1em;
color: inherit;
text-decoration:none;
border-left:5px solid transparent;
margin-left: -1px;
}
&:hover a {
border-left:5px solid var(--global-gray-400);
}
&.is-active a, &.is-active a:hover {
border-left: 5px solid var(--global-palette-highlight);
font-weight: bold;
}
}
ul {
padding-left: 0em;
list-style:none;
}
}
.woocommerce-MyAccount-content {
.woocommerce-notices-wrapper:empty + * {
margin-top: 0;
}
.u-columns {
margin-top: var(--global-md-spacing);
margin-bottom: 0;
}
}
}
@media screen and (min-width: $tablet-plus-query) {
.woocommerce-account {
.account-navigation-wrap {
float: right;
width: 30%;
border-left: 1px solid var(--global-gray-400);
margin-bottom: 0;
}
.woocommerce-MyAccount-content {
float: left;
width: 70%;
padding-right: var(--global-lg-spacing);
}
}
.kadence-account-nav-left.woocommerce-account {
.account-navigation-wrap {
float: left;
border-right: 1px solid var(--global-gray-400);
border-left: 0;
li {
a {
padding: 0.5em 1em 0.5em 1.5em;
border-left:0;
border-right:5px solid transparent;
margin-right: -1px;
margin-left: 0;
}
&:hover a {
border-left:0;
border-right:5px solid var(--global-gray-400);
}
&.is-active a, &.is-active a:hover {
border-left: 0;
border-right: 5px solid var(--global-palette-highlight);
}
}
}
.woocommerce-MyAccount-content {
float: right;
padding-left: var(--global-lg-spacing);
padding-right: 0;
}
}
.kadence-account-nav-above.woocommerce-account {
.account-navigation-wrap {
float: none;
border-left: 0;
width:auto;
margin-bottom: 1.5em;
ul {
display: flex;
flex-wrap: wrap;
}
li {
a {
padding: 0.2em 0.5em 0.2em 0.5em;
border-left:0;
border-bottom:3px solid transparent;
margin-left: 0;
}
&:hover a {
border-left:0;
border-bottom:3px solid var(--global-gray-400);
}
&.is-active a, &.is-active a:hover {
border-left: 0;
border-bottom: 3px solid var(--global-palette-highlight);
}
}
}
.woocommerce-MyAccount-content {
float: none;
width:auto;
padding-right: 0;
}
}
}
.woocommerce form[class*="woocommerce-"] {
margin-top:0;
}
.woocommerce-MyAccount-content mark {
color: inherit;
background: transparent;
font-weight: bold;
}
/**
* Account page
*/
.woocommerce-account {
.woocommerce {
@include clearfix();
}
.addresses .title {
@include clearfix();
h3 {
float: left;
}
.edit {
float: right;
padding: 0.3em 0;
}
}
ol.commentlist.notes li.note {
p.meta {
font-weight: 700;
margin-bottom: 0;
}
.description p:last-child {
margin-bottom: 0;
}
}
ul.digital-downloads {
margin-left: 0;
padding-left: 0;
li {
list-style: none;
margin-left: 0;
padding-left: 0;
&::before {
@include iconbefore( "\e00a" );
}
.count {
float: right;
}
}
}
}
//woo-sl styles.
.woo-sl-info mark {
background: var(--global-palette7);
font-weight: bold;
}
p.woo-sl-key {
margin-top: var( --global-xs-spacing );
padding: 0.5em;
background: var(--global-palette8);
display: inline-block;
}
#woo_sl_lk {
margin-top: 1em;
p.woo-sl-label {
padding: 0.5em 1em;
background: var(--global-palette8);
display: block;
margin: 0;
line-height: 1.8;
}
.inside .licence_expire {
border-color: var(--global-gray-400);
}
}
#sl_generator_desc {
margin-bottom: 1em;
}
#woo-sl-key-generator.software_license_key_generator {
p {
margin-top: 1em;
margin-bottom: 1em;
}
#sl_product_id {
padding: 0.2em 35px 0.2em 0.5em;
}
}
.woocommerce #woo_sl_lk table.my_account_orders th {
padding: 9px 12px;
}
// Right to Left.
.rtl.woocommerce-account .account-navigation-wrap {
ul {
padding-right: 0;
li a {
padding: 0.5em 1em 0.5em 1.5em;
}
}
.kadence-account-avatar .kadence-customer-name {
padding-right: 50px;
padding-left: 0;
}
.kadence-customer-image {
right: calc(1em + 4px);
left:auto;
}
}
.rtl.woocommerce-account.kadence-account-nav-left .account-navigation-wrap {
.kadence-account-avatar {
padding-right: calc( 1em + 4px);
padding-left: 0;
}
.kadence-customer-image {
a {
display: inline-block;
width: 40px;
}
}
}
.rtl .woocommerce .woocommerce-message, .rtl .woocommerce .woocommerce-error, .rtl .woocommerce .woocommerce-info {
border-right: 5px solid var(--global-palette-highlight);
border-left: 0;
.button {
float: left;
}
}
.rtl .woocommerce .woocommerce-info {
border-right-color: var(--global-palette-highlight);
}
.rtl .woocommerce .woocommerce-error {
border-right-color: #b81c23;
}
.rtl.woocommerce-account .addresses .title{
h3 {
float: right;
}
.edit {
float: left;
}
}
.rtl .woocommerce form.login, .rtl .woocommerce form.checkout_coupon, .rtl .woocommerce form.register {
text-align: right;
}