/*
 Theme Name: Astra Weirdolight
 Theme URI: https://weirdolight.de
 Description: Weirdolight Child theme for Astra
 Author: Weirdolight Johanna Dietz
 Template: astra
 Version: 1.0.0
 Text Domain: astra-weirdolight
*/

/**********************************
Global Emojis
***********************************/

/* Make inline SVG emojis match the surrounding text size */
.single .post-navigation a svg.inline-emoji,
svg.emoji, .inline-emoji {
    width: auto;
    min-height: 2rem;
    height: 1.5em;
    padding-left: 0.1em;
    padding-right: 0.1em;
    vertical-align: -0.4em;     /* roughly align with baseline */
    fill: currentColor;         /* inherit text color */
}

/**********************************
Global Colors
***********************************/

:root {
    --ast-global-color-0: #a61111; /* dark red */ /* emotional accent / danger / emphasis */
    --ast-global-color-1: #818a91; /* mid grey */ /* secondary text, meta, UI quiet */
    --ast-global-color-2: #333333; /* dark grey */ /* main text */
    --ast-global-color-5: #E6EAEF; /* light grey with blue tint for background sections */ /* soft section background */

    /* Message colors */

    --wl-color-success: #7f9887; /* gentle sage for success */
    --wl-color-success-hover: #92aa99; /* slightly brighter on hover */

    --wl-color-info: #5a8fa3; /* soft blue for info */
    --wl-color-info-hover: #6fa7bb; /* lighter blue on hover */

    --wl-color-warning: #d9a94a; /* warm amber for warnings */
    --wl-color-warning-hover: #e6b85c; /* slightly brighter amber on hover */

    --wl-color-error: #a61111; /* dark red for errors */
    --wl-color-error-hover: #c22a2a; /* brighter red on hover */

    /* form colors */
    
    --wl-color-input-bg: #f5f8fa; /* very light grey-blue for inputs (non-focus) */
    --wl-color-input-focus: #e4ecf5; /* light grey-blue for input focus */

    /* boder colors */
    
    --wl-color-border-lightest: #f5f8fa; /* very light grey-blue - same as inputs (non-focus) */
    --wl-color-border-light: #e4ecf5; /* light grey-blue - same as input focus */


}

/**********************************
Global Variables
***********************************/

:root {
    --wp--custom--ast-default-block-top-padding: 1.5em;
    --wp--custom--ast-default-block-bottom-padding: 1.5em;
    --wp--custom--ast-default-block-right-padding: 0em;
    --wp--custom--ast-default-block-left-padding: 0em;
}

/*******************************
Global Container Layout
********************************/

/* Remove unnecessary padding */

.entry-content ul, .entry-content ol{
    padding-left: 0px;
}

/* Set Astra container max width  - max width for whole website */

@media (min-width: 1060px){
    .ast-container {
        max-width: 1060px !important;
        margin-left: auto !important;   /* Center horizontally */
        margin-right: auto !important;  /* Center horizontally */
    }
}

/* Custom Weirdolight header container */
.wl-header-wrapper {
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 20px;
    display: flex;
    align-items: center;
    width: 100%;
}

/***********************************
Global Margins
***********************************/

.wl-margin-bottom-0{
    margin-bottom: 0rem !important;
}

.wl-margin-bottom-50{
    margin-bottom: 0.5rem !important;
}

.wl-margin-bottom-100{
    margin-bottom: 1rem !important;
}

.wl-margin-bottom-150{
    margin-bottom: 1.5rem !important;
}

.wl-margin-bottom-200{
    margin-bottom: 2rem !important;
}

.wl-margin-bottom-300{
    margin-bottom: 3rem !important;
}

.wl-margin-top-0{
    margin-top: 0rem !important;
}

.wl-margin-top-50{
    margin-top: 0.5rem !important;
}

.wl-margin-top-100{
    margin-top: 1rem !important;
}

.wl-margin-top-150{
    margin-top: 1.5rem !important;
}

.wl-margin-top-200{
    margin-top: 2rem !important;
}

.wl-margin-top-300{
    margin-top: 3rem !important;
}

/***********************************
Global Transparency
***********************************/

.wl-opacity-100{
    opacity: 100%;
}
.wl-opacity-90{
    opacity: 90%;
}
.wl-opacity-80{
    opacity: 80%;
}
.wl-opacity-70{
    opacity: 70%;
}
.wl-opacity-60{
    opacity: 60%;
}
.wl-opacity-50{
    opacity: 50%;
}
.wl-opacity-40{
    opacity: 40%;
}
.wl-opacity-30{
    opacity: 30%;
}
.wl-opacity-20{
    opacity: 20%;
}
.wl-opacity-10{
    opacity: 10%;
}
.wl-opacity-0{
    opacity: 0%;
}

/***********************************
Global Icons
***********************************/

.wl-icon-wrapper{
    text-align: center;
}

.wl-icon{
    display: inline-block;
    background-size: 1em;
    background-repeat: no-repeat;
    min-height: 1em;
    min-width: 1em;
    background-position: center top;
}

.wl-icon-after{
    background-position: right;
    padding-right: 1.3em;
}

.wl-icon-before{
    background-position: left;
    padding-left: 1.3em;
}

.wl-icon-150{
    background-size: 1.5em;
    min-height: 1.5em;
    min-width: 1.5em;
}
.wl-icon-200{
    background-size: 2em;
    min-height: 2em;
    min-width: 2em;
}

.wl-icon-300{
    background-size: 3em;
    min-height: 3em;
    min-width: 3em;
}

.wl-icon-400{
    background-size: 4em;
    min-height: 4em;
    min-width: 4em;
}

.wl-icon-500{
    background-size: 5em;
    min-height: 5em;
    min-width: 5em;
}

/* heart */

.wl-icon-heart{
    background-image: url('assets/icons/heart.png');
}

/* arrows */

.wl-icon-arrow-down{    
    background-image: url('assets/icons/arrow_down.png');
}

.wl-icon-arrow-right{    
    background-image: url('assets/icons/arrow_right.png');
}

.wl-icon-arrow-up{    
    background-image: url('assets/icons/arrow_up.png');
}

.wl-icon-arrow-left{    
    background-image: url('assets/icons/arrow_left.png');
}

.wl-icon-arrow-down-white{    
    background-image: url('assets/icons/arrow_down_white.png');
}

.wl-icon-arrow-right-white{    
    background-image: url('assets/icons/arrow_right_white.png');
}

.wl-icon-arrow-up-white{    
    background-image: url('assets/icons/arrow_up.png');
}

.wl-icon-arrow-left-white{    
    background-image: url('assets/icons/arrow_left_white.png');
}


/* (AI) robot */

.wl-icon-robot{    
    background-image: url('assets/icons/ai_robot_icon.png');
}



/***********************************
Global Typography
***********************************/

/* Playpen - Custom font import */

@font-face {
    font-family: 'Playpen';
    src: url('assets/fonts/PlaypenSans-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 200 300 400 500 600 700 800;
    font-style: normal;
    font-display: swap;
}

/* Roboto - Custom font import */

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 200 300 400 500 600 700 800 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 200 300 400 500 600 700 800 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('assets/fonts/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 200 300 400 500 600 700 800 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('assets/fonts/RobotoCondensed-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 200 300 400 500 600 700 800 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Serif';
    src: url('assets/fonts/RobotoSerif-VariableFont_GRAD,opsz,wdth,wght.ttf') format('truetype');
    font-weight: 100 200 300 400 500 600 700 800 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Serif';
    src: url('assets/fonts/RobotoSerif-Italic-VariableFont_GRAD,opsz,wdth,wght.ttf') format('truetype');
    font-weight: 100 200 300 400 500 600 700 800 900;
    font-style: italic;
    font-display: swap;
}

/* reset typography */

html {
    font-size: 16px; /* 1rem = 16px, adjust if needed */
}

@media (max-width: 450px){
    
html {
        font-size: 14px; /* 1rem = 16px, adjust if needed */
    }
}

body, p, h1, h2, h3, h4, h5, h6, a, span, li, input, button{
    font-size: 1rem;
    line-height: 1.5rem; 
    font-family: Roboto, sans-serif;
}

/* ul ol li & footnotes */
.entry-content[data-ast-blocks-layout] > ol.wp-block-footnotes,
.woocommerce-tabs li,
.entry-content ul.wp-block-list, .entry-content ol.wp-block-list{
    margin-left: 2em;
}

.entry-content ul.wp-block-list li, .entry-content ol.wp-block-list li{
    padding-left: .5em;
    padding-bottom: .5em;
}
{}

/* global typography headlines */

header.entry-header:not(.related-entry-header) .entry-title,
header.entry-header .entry-title,
.wp-child-theme-astra-weirdolight h1{
    margin-top: 0.5rem;
    font-family: Roboto Serif;
    font-weight: 500;
    line-height: 1.1em;
}

.wp-child-theme-astra-weirdolight h2, 
.wp-child-theme-astra-weirdolight h3, 
.wp-child-theme-astra-weirdolight h4, 
.wp-child-theme-astra-weirdolight h5, 
.wp-child-theme-astra-weirdolight h6 {
    margin-top: 0px;
    font-family: 'Roboto Serif';
    font-weight: 400;
}

.wp-child-theme-astra-weirdolight h1{
    font-size: 2rem;
}

.wl-font-size-h1{
    font-size: 2rem !important;
}

.wp-child-theme-astra-weirdolight h1.wl-posts-page-title,
.body.archive .ast-archive-description .ast-archive-title, body.archive .ast-archive-description .ast-archive-title *,
.wp-child-theme-astra-weirdolight h2 {
    font-size: 2.2rem;
    font-weight: 500;
}

.wl-font-size-h1{
    font-size: 1.6rem !important;
}

.wp-child-theme-astra-weirdolight .wl-tagline,
.wp-child-theme-astra-weirdolight .wl-teaser-title,
.woocommerce .products .woocommerce-loop-product__title{
    font-size: 1rem;
    font-weight: 400;
}

.wp-child-theme-astra-weirdolight header.site-header a{
    font-size: 1.2em;
    letter-spacing: 0em;
}

/* teaser container typography */

.wp-child-theme-astra-weirdolight .teaser-container h1, 
.wp-child-theme-astra-weirdolight .teaser-container h2, 
.wp-child-theme-astra-weirdolight .teaser-container h3, 
.wp-child-theme-astra-weirdolight .teaser-container h4, 
.wp-child-theme-astra-weirdolight .teaser-container h5, 
.wp-child-theme-astra-weirdolight .teaser-container h6,
.wp-child-theme-astra-weirdolight .woocommerce .products h1, 
.wp-child-theme-astra-weirdolight .woocommerce .products h2, 
.wp-child-theme-astra-weirdolight .woocommerce .products h3, 
.wp-child-theme-astra-weirdolight .woocommerce .products h4, 
.wp-child-theme-astra-weirdolight .woocommerce .products h5, 
.wp-child-theme-astra-weirdolight .woocommerce .products h6{
    font-family: Roboto;
}

/* serif font */

.wl-font-serif{
  font-family: Roboto Serif !important;
}

/* handwritten font */

.wl-handwritten{
    font-family: Playpen !important;
    letter-spacing: -0.03em !important;
}

/* colorful font */

.wl-color-font{
    color: var(--ast-global-color-0) !important;
}

/* font-weight classes */

.wl-font-weight-100{
    font-weight: 100 !important;
}

.wl-font-weight-200{
    font-weight: 200 !important;
}

.wl-font-weight-300{
    font-weight: 300 !important;
}

.wl-font-weight-400{
    font-weight: 400 !important;
}

.wl-font-weight-500{
    font-weight: 500 !important;
}

.wl-font-weight-600{
    font-weight: 600 !important;
}

.wl-font-weight-700{
    font-weight: 700 !important;
}

.wl-font-weight-800{
    font-weight: 800 !important;
}

.wl-font-weight-900{
    font-weight: 900 !important;
}

/* font-size */


.wl-font-size-50{
  font-size: .5rem !important;
}

.wl-font-size-60{
  font-size: .6rem !important;
}

.wl-font-size-70{
  font-size: .7rem !important;
}

.wl-font-size-80{
  font-size: .8rem !important;
}

.wl-font-size-90{
  font-size: .9rem !important;
}

.wl-font-size-100{
  font-size: 1rem !important;
}

.wl-font-size-110{
  font-size: 1.1rem !important;
}

.wl-font-size-120{
  font-size: 1.2rem !important;
}

.wl-font-size-130{
  font-size: 1.3rem !important;
}

.wl-font-size-140{
  font-size: 1.4rem !important;
}

.wl-font-size-150{
  font-size: 1.5rem !important;
}

.wl-font-size-160{
  font-size: 1.6rem !important;
}

.wl-font-size-170{
  font-size: 1.7rem !important;
}

.wl-font-size-180{
  font-size: 1.8rem !important;
}

.wl-font-size-190{
  font-size: 1.9rem !important;
}

.wl-font-size-200{
  font-size: 2rem !important;
}

.wl-font-size-250{
  font-size: 2.5rem !important;
}

.wl-font-size-300{
  font-size: 3rem !important;
}

/******************************
Global Hover
*******************************/

.woocommerce ul.products li.product,
.teaser-item{
    transition: transform 0.2s;
}

.woocommerce ul.products li.product:hover,
.teaser-item:hover {
    transform: translateY(-5px);
}

/******************************
Global Buttons
*******************************/

/* button style */

.wp-block-button .wp-block-button__link, .wp-block-search .wp-block-search__button, body .wp-block-file .wp-block-file__button,
button, .ast-button, .wp-child-theme-astra-weirdolight .button, .button, .woocommerce-js a.button, input[type="button"], input[type="reset"], input[type="submit"], a:where(.wp-block-button__link){
    border-radius: 0px;
    background-color: var(--ast-global-color-0);
}

a.teaser-item:hover .button,
.button:hover{
background-color: var(--ast-global-color-1);
}

/* external link buttons with external link icon */

#main .product_cat-redbubble .single_add_to_cart_button, #main .product_cat-redbubble .button.product_type_external {
    background-image: url(https://dev.weirdolight.de/wp-content/uploads/2025/08/external_link_icon_white.png);
    background-repeat: no-repeat;
    background-size: 16px;
    padding-right: 53px;
    background-position: right 23px top 50%;
}

/* read more, header menu and button typography */

.ast-single-post .entry-content a,
#secondary button, #primary button, #main button, #content button,
.wp-child-theme-astra-weirdolight header a, 
.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button, .ast-outline-button, .wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button,
.wp-block-button .wp-block-button__link, .wp-block-search .wp-block-search__button, body .wp-block-file .wp-block-file__button,
button, .ast-button, .wp-child-theme-astra-weirdolight .button, .button, .woocommerce-js a.button{
    font-family: 'Roboto Serif';
    font-weight: 600;
    letter-spacing: .03em;
    text-decoration: none;
}

/* read more */

.ast-single-post .entry-content a.wp-block-latest-posts__read-more{
    display: block;
    margin-top: 1em;
}

/******************************
  Header
*******************************/

.wp-child-theme-astra-weirdolight header.site-header{
    border-bottom: 1.5px solid var(--wl-color-border-light);
}

/* Custom header logo + gif layout */
.wl-header-wrapper {
    display: flex;
    align-items: center;
    gap: 0px; /* space between logo and GIF */
}

/* header min-height */

.wl-header-wrapper {
    margin-bottom: -90px;
}

.wl-header-wrapper,
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap{    
    min-height: 90px; 
}

.wl-header-wrapper .wl-logo img {
    height: 60px; /* adjust logo height here */
    width: auto;
}

.wl-header-wrapper .wl-header-gif img {
    height: 80px; /* adjust gif size (animation size) */
    width: auto;  /* keeps proportions */
    margin-left: -7px;
    margin-top: -7px;
}

/* small screens header */

@media (max-width: 450px) {
    .wl-header-wrapper .wl-logo img {
    height: 50px; /* adjust logo height here */
    }

    .wl-header-wrapper .wl-header-gif img {
        height: 50px; /* adjust gif size (animation size) */
    }
}

.ast-primary-header-bar{
    background-color: transparent;
    border-color: transparent !important;
}

.wl-logo{
    position: relative;
    z-index: 1000;
}

/* Header Main Menu */

.main-header-menu .menu-link, .main-header-menu>a{
    padding: 0 0.75em;
}

.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link,
.wp-child-theme-astra-weirdolight header .menu-item.current_page_item a{
    color: var(--ast-global-color-0);
}

.wp-child-theme-astra-weirdolight header .ast-addon-cart-wrap{
    border: 0px transparent;
}

.wp-child-theme-astra-weirdolight header .ast-icon svg:not([fill]){
    fill: inherit;
}

.wp-child-theme-astra-weirdolight .ast-site-header-cart .ast-addon-cart-wrap i.astra-icon:after {
    background-color: var(--ast-global-color-0);
}



/******************************
  Footer
*******************************/

.site-footer li a{
    line-height: 2.5em;
}

footer.site-footer .site-below-footer-wrap{
    background-color: var(--ast-global-color-2);
    padding-top: 2.5rem;
    padding-bottom: 4rem;
}

.wp-child-theme-astra-weirdolight footer.site-footer .site-below-footer-wrap p,
.wp-child-theme-astra-weirdolight footer.site-footer .site-below-footer-wrap a{
    color: #ffffff;
    font-size: 1.2rem;
    position: relative;
    display: inline-blocK;
    padding-bottom: 2px;
}

.wp-child-theme-astra-weirdolight footer.site-footer .site-below-footer-wrap a:hover{
   background: var(--ast-global-color-1);
}

.wp-child-theme-astra-weirdolight #astra-footer-menu .instagram-link a,
.wp-child-theme-astra-weirdolight #astra-footer-menu .threads-link a,
.wp-child-theme-astra-weirdolight #astra-footer-menu .redbubble-link a,
.wp-child-theme-astra-weirdolight #astra-footer-menu .spreadshop-link a {
  padding-left: 42px;
  background-repeat: no-repeat;
  background-position-x: 7px;
  background-position-y: center;
  background-size: 20%;
}

.wp-child-theme-astra-weirdolight #astra-footer-menu .redbubble-link a,
.wp-child-theme-astra-weirdolight #astra-footer-menu .spreadshop-link a {
  background-size: 17%;
}

.wp-child-theme-astra-weirdolight #astra-footer-menu .instagram-link a {
  background-image: url('assets/social_icons/instagram_icon_color.png');
}

.wp-child-theme-astra-weirdolight #astra-footer-menu .threads-link a {
  background-image: url('assets/social_icons/threads_logo.png');
}

.wp-child-theme-astra-weirdolight #astra-footer-menu .redbubble-link a,
.wp-child-theme-astra-weirdolight #astra-footer-menu .spreadshop-link a {
  background-image: url('assets/social_icons/heart.png');
}

@media (min-width: 769px) {
            .wp-child-theme-astra-weirdolight #astra-footer-menu a {
                padding-left: .5em;
                padding-right: .5em;
            }
}


/******************************
Force image size image ratio 4:5 4by5
*******************************/

/* Force images to 4:5 */
.ast-article-post .post-thumb-img-content,
.weirdolight-blog-teaser .wp-block-latest-posts__featured-image,
.wl-4-5-wrapper {
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    background-color: black;
}

.ast-article-post .post-thumb-img-content img,
.weirdolight-blog-teaser .wp-block-latest-posts__featured-image img,
.wl-4-5-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* crops images to fill 4:5 */
} 

/******************************
Sidebar
*******************************/

#secondary .wl-sidebar-start-here-teaser {
    padding: 0px !important;
    padding-bottom: 0.5rem !important;
}

#secondary .wl-sidebar-start-here-teaser .wp-block-heading,
#secondary .wl-sidebar-start-here-teaser p,
#secondary .wl-sidebar-start-here-teaser .wp-block-buttons{
    margin-left: 1rem !important;
    margin-right: 0.75rem !important;
    margin-bottom: 0rem !important;
    margin-top: 0px !important;
}

#secondary .wl-sidebar-start-here-teaser p{
    margin-top: 0.5rem !important;
}


#secondary .wl-sidebar-start-here-teaser .wp-block-buttons{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

#secondary .wl-sidebar-start-here-teaser .wp-block-image,
#secondary .wl-sidebar-start-here-teaser .wp-block-image img{
    margin-left: 0em !important;
    margin-right: 0em !important;
    margin-bottom: 0em !important;
}

/******************************
Blog Page
*******************************/

/* hide search label when there is a button already titled serach */

.wp-block-search__text-button .wp-block-search__label{
    display: none;
}

/* other */

.wp-block-latest-posts > li > *, .wp-block-latest-posts:not(.is-grid) > li{
    margin-bottom: 1.75rem;
}

/* remove broder between main content and sidebar */

.ast-right-sidebar #primary, .ast-right-sidebar #secondary{
    border: 0px;
}

/* remove some padding between main content and sidebar */

.ast-right-sidebar #primary{
    padding-right: 1rem;
}

.ast-right-sidebar #secondary{
    padding-left: 1rem;
}

/* blog and post page typography */

.entry-title.ast-blog-single-element a,
.entry-title.ast-blog-single-element,
#page .weirdolight-blog-teaser .wp-block-latest-posts__post-title{
  font-family: 'Playpen';
  font-weight: 400;
  color: var(--ast-global-color-2);
  letter-spacing: -0.03em;
  line-height: 1.5;
  font-size: 1.2rem;
}

.weirdolight-post-date{
  text-align: right;
}

.wl-post-categories-bottom,
.weirdolight-post-date{
  font-style: italic;
}

.wl-post-categories-bottom{
  text-align: center;
}

.wl-post-categories-bottom a {
  color: var(--ast-global-color-2);
}

.wl-post-categories-bottom a:hover{
  color: inherit;
}

.wl-post-categories-bottom a::before {
  content: "» ";
  font-size: 1.3em;
}



/******************************
Posts Page
*******************************/

.wp-child-theme-astra-weirdolight h1.wl-posts-page-title{
    display: block;
    width: 100%;
    padding-left: 1rem;
    margin-bottom: 1em;
    font-weight: 500;
}

.archive .ast-article-post .ast-article-inner, 
.blog .ast-article-post .ast-article-inner, 
.archive .ast-article-post .ast-article-inner:hover, 
.blog .ast-article-post .ast-article-inner:hover{
    border-radius: 0px;
}

.ast-separate-container{
    background: #FFF;
}

.ast-separate-container #content{
    background: var(--ast-global-color-5);
}

/* style categories and date */

.wl-post-categories-bottom,
.weirdolight-post-date{
  margin-top: 1em;
}

.wl-post-categories-bottom .wl-post-category{
    margin-right: 1em;;
    display: inline-block;
}

/* Hide categories displayed above the post title on posts page and category pages */
.category .ast-taxonomy-container,
.blog .ast-taxonomy-container {
	display: none;
}

/******************************
Categories page
*******************************/

/* hover */
.categories-list a:hover, .categories-list .sub-categories a:hover{
    color: var(--ast-global-color-0);
}

/* Remove bullets and default spacing */
.categories-list,
.categories-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* add margin before the list */
.categories-list{
  margin-top: 2rem;
}

/* Each main category block */
.categories-list > li {
    margin-bottom: 2rem; /* space after each main category */
}

/* links */
.categories-list > li > a {
    margin-bottom: 1rem;
    display: inline-block;
    text-decoration: none;
    color: inherit;
}

/* Sub-category container */
.categories-list .sub-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 1.4rem; /* space between sub-categories */
}

/* Sub-category items inline */
.categories-list .sub-categories li {
    margin: 0;
}

/* Sub-category links */
.categories-list .sub-categories a {
    font-size: 1rem;
    color: inherit;
}

/* categories widget sidebar */

.widget.widget_block .categories-list{
    background-color: var(--wp--preset--color--ast-global-color-5);
    padding: 0.5em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.widget.widget_block .categories-list > li {
    text-align: center;
}


/******************************
Single Category page
*******************************/

.wl-categories-all-posts-button{
  margin-top: 2rem;
}

.ast-separate-container .ast-archive-description{
    background-color: transparent;
}

body.archive .ast-archive-description{
    padding-left: 0em;
    padding-top: 0em;
    padding-bottom: 1em;
    margin-bottom: 0em;
    font-size: 2.2rem;
}

body.archive .ast-archive-description .ast-archive-title, 
body.archive .ast-archive-description .ast-archive-title *{
    font-weight: 500;
}

.page-title.ast-archive-title::before{
  content: "» ";
}
.ast-archive-description p{
    font-size: 1rem;
}

/******************************
Blog Post Page - Single Post Page
*******************************/

@media (min-width: 1201px) {
    .ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single, .ast-separate-container .ast-author-box, .ast-separate-container .ast-404-layout-1, .ast-separate-container .no-results {
        padding-top: 0em;
        padding-right: 1em;
    }
}

@media (min-width: 993px) {
    .ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
        margin-top: 2rem;
    }
}

.single-post #content .ast-container{
    background-color: #ffffff;
}

@media (min-width: 1201px) {
    .ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single, .ast-separate-container .ast-author-box, .ast-separate-container .ast-404-layout-1, .ast-separate-container .no-results {
        padding-left: 0em;
    }
}

.ast-related-posts-inner-section img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 4 / 5;
}

.single .post-navigation{
    padding: 0px;
    padding-top: 2em;
}

.single .post-navigation a .ast-post-nav {
    font-weight: inherit;
    text-transform: inherit;
    font-size: inherit;
    letter-spacing: inherit;
}

.post-navigation a, .single .post-navigation a{
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

@media (min-width: 320px) {
    .comment-navigation .nav-previous:after, .post-navigation .nav-previous:after {
        width: 0px;
    }
}

.site .ast-single-related-posts-container{
    padding-left: 0px;
    padding-right: 0px;
}

.single .post-navigation a{
    max-width: 100%;
}

.wl-nav-thumbnail {
    width: 370px;
    height: 463px; /* 4:5 ratio */
    object-fit: cover;
}

.ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a,
.single .post-navigation .nav-previous a, .single .post-navigation .nav-next a{
    font-weight: 500;
    font-size: 1.25rem;
    font-family: Roboto Serif;
    line-height: 1.5;
}

.ast-related-post-content .entry-meta, .ast-related-post-content .entry-meta *{
    font-family: Roboto;
    font-weight: 400;;
}

.ast-related-post-content .entry-meta a::before{
    content: ' » ';
    font-size: 1.2em;
}

/* Single Post Categories */

#page .wl-single-post-categories{
    text-align: center;
    margin-top: 2rem;
}

/* Single post categories: spacing instead of separators */
#page .wl-single-post-categories a {
  margin-left: 0.5em; /* space between categories */
  margin-right: 0.5em; /* space between categories */
  display: inline-block;
  font-family: 'Roboto';
  font-weight: 400;
  font-style: italic;
}

/* Add » before each category link */
.wl-single-post-categories a::before {
  content: "» ";
}

.ast-related-post .entry-meta {
    display: none;
}

/******************************
Homepage Home Page
*******************************/

.ast-right-sidebar #secondary{
    
    margin-top: 3rem;
}

#primary{
    padding-top: 0rem;
    margin-top: 2rem;
}

/* blog teaser container for home  page */

.teaser-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}


.wp-child-theme-astra-weirdolight .teaser-container a {
    text-decoration: none;
}

.teaser-item {
    flex: 1 1 calc(25% - 20px); /* 4 columns with gap */
    display: block;
    color: inherit;
    position: relative;
}

/* Responsive for mobile */
@media (max-width: 768px) {
    .teaser-item {
        flex: 1 1 100%; /* stack on mobile */
    }
}

.teaser-image img {
    width: 100%;
    height: auto;
}

.wp-child-theme-astra-weirdolight h3.teaser-title {
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.teaser-button-outer-wrapper {
    width: 100%;
    height: 66px;
}

.teaser-button-wrapper {
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 0px;
    width: 100%;
}

.teaser-button {
    display: inline-block;
}


/* home page light background boxes */

.wl-light-background,
#main .wl-light-background{
    background: var(--wp--preset--color--ast-global-color-5) !important;
    padding: 2em;
}

#secondary .wl-light-background{
     padding: 0em;
}

/* home page headling panels */

#main .wl-heading-panel{
    padding: 1em;
    margin-bottom: 0px;
    padding-top: 0.5em;
    padding-bottom: 0px;
}

#main h2.wl-heading-panel {
    font-size: 2.2rem;
    font-weight: 500;
}


/***********************************
Misc Global Assets
************************************/

/* AI Photoshoot Info for images */

html:lang(de-DE) #main .ai-photoshoot:after{
    content: "erstellt via 'KI Fotografie' — erfahre unten mehr ***";
}
.ai-photoshoot:after {
    content: "generated via 'AI photoshoot' — learn more below ***";
    font-size: 75%;
    font-style: italic;
    opacity: 50%;
    letter-spacing: 1px;
    margin-top: 0.75rem;
    display: block;
    line-height: 1.2em;
}

/* AI Photoshoot Info Shop */


html:lang(de-DE) #main .ast-woocommerce-container::after{
    content: "Bilder in diesem Shop sind illustrativ und wurden mit der Hilfe von KI und Photoshop erstellt. Erfahre mehr darüber (und über mein Profilbild! ;)), indem du unten auf '*** AI Photoshoot / KI Fotografie Info' klickst!";
}
#main .ast-woocommerce-container::after {
    content: "Product pictures in this shop are are illustrative images, created with the help of AI and Photoshop. Learn more about my process (and my profile picture! ;)) by clicking on '*** AI Photoshoot info' at the bottom of the page!";
    font-size: 100%;
    margin-top: .5em;
    margin-bottom: 2em;
    line-height: 125%;
    max-width: 90%;
    display: block;
    padding-left: 98px;
    padding-top: 13px;
    min-height: 55px;
    background-image: url('assets/icons/ai_robot_icon.png');
    background-size: 84px;
    background-repeat: no-repeat;
    background-position: left 5px top;
}

/* ai-photoshoot-info-link */

#astra-footer-menu .menu-item.ai-photoshoot-info-link a{
    padding-left: 50px;
    padding-top: 0px;
    min-height: 40px;
    background-image: url(assets/icons/ai_robot_icon_grey.png);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: left 5px top;
}

/****************************************
Shop
****************************************/

/* correct line-through for old price when price is reduced */
.woocommerce-js div.product p.price, .woocommerce-js div.product span.price{
    font-size: inherit;
}

.ast-archive-entry-banner{
    background-color: var(--wl-color-border-lightest);
}


/* main menu mini shopping cart on hover */

/* Hide preview of items in shopping cart preview when hovering over shopping cart icon in main menu */

header.site-header .woocommerce-mini-cart.cart_list.product_list_widget {
    display: none;
}

.ast-site-header-cart .widget_shopping_cart, .astra-cart-drawer{
    border: 2px solid var(--wl-color-input-focus);
}

.ast-site-header-cart .widget_shopping_cart:before, .woocommerce .ast-site-header-cart .widget_shopping_cart:before{
    border-width: 10px;
}

.ast-site-header-cart .widget_shopping_cart:after, .woocommerce .ast-site-header-cart .widget_shopping_cart:after{
    border-width: 9px;
}

.ast-site-header-cart .widget_shopping_cart:before, .woocommerce .ast-site-header-cart .widget_shopping_cart:before{
    border-bottom-color: var(--wl-color-input-focus);
}

.woocommerce-js .widget_shopping_cart .total, .woocommerce-js.widget_shopping_cart .total{
    border: 0px transparent;
}

.ast-site-header-cart .widget_shopping_cart p.buttons, .ast-site-header-cart .widget_shopping_cart p.total, .woocommerce .ast-site-header-cart .widget_shopping_cart p.buttons, .woocommerce .ast-site-header-cart .widget_shopping_cart p.total{
    padding-bottom: 0px;
}

.woocommerce-js .widget .amount, .woocommerce-js .widget ins{
    font-weight: 500;
}

.widget.woocommerce.widget_shopping_cart{
    padding-bottom: 1rem;
}

/* Checkout page billig headline */

#customer_details h3:not(.elementor-widget-woocommerce-checkout-page h3) {
    padding: 0 0 1rem;
    margin: 0 0 2.5rem;
    border-bottom: 2px solid var(--wl-color-input-focus);
}

/* checkout page your order summary */

.woocommerce-page.woocommerce-checkout form #order_review td, .woocommerce-page.woocommerce-checkout form #order_review th, .woocommerce.woocommerce-checkout form #order_review td, .woocommerce.woocommerce-checkout form #order_review th,
form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review),
form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) {
    border-color: var(--wl-color-input-focus);
}

.woocommerce-js table.shop_table tbody th, .woocommerce-js table.shop_table tfoot td, .woocommerce-js table.shop_table tfoot th,
.woocommerce-page.woocommerce-checkout form #order_review td.product-name, .woocommerce.woocommerce-checkout form #order_review td.product-name{
    font-weight: inherit;
}

.woocommerce-js table.shop_table td{
    vertical-align: bottom;
}

.woocommerce-js table.shop_table  .cart-subtotal th, 
.woocommerce-page table.shop_table  .cart-subtotal th,
.woocommerce-js table.shop_table  .cart-subtotal .woocommerce-Price-amount, 
.woocommerce-page table.shop_table  .cart-subtotal .woocommerce-Price-amount{
    font-weight: 500;
}

.woocommerce-js table.shop_table .order-total th, 
.woocommerce-page table.shop_table .order-total th,
.woocommerce-js table.shop_table .order-total .woocommerce-Price-amount, 
.woocommerce-page table.shop_table .order-total .woocommerce-Price-amount{
    font-weight: 700;
}

.woocommerce-page.woocommerce-checkout table.shop_table td, .woocommerce-page.woocommerce-checkout table.shop_table th, .woocommerce.woocommerce-checkout table.shop_table td, .woocommerce.woocommerce-checkout table.shop_table th{
    border-bottom-width: 2px;
}

#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{
    line-height: inherit;
}

.woocommerce-js table.shop_table .woocommerce-Price-amount, .woocommerce-page table.shop_table .woocommerce-Price-amount,
.woocommerce-page.woocommerce-checkout form #order_review td.product-name .product-quantity, .woocommerce.woocommerce-checkout form #order_review td.product-name .product-quantity{
    font-weight: 500;
}

/* Checkout Page - Messages & privacy policy link */

.woocommerce-error, .woocommerce-info, .woocommerce-message{
    border-top: 0px;
}

.ast-single-post .entry-content .woocommerce a.woocommerce-terms-and-conditions-link,
.ast-single-post .entry-content .woocommerce a.woocommerce-privacy-policy-link,
#content .woocommerce-terms-and-conditions-wrapper a,
#content .woocommerce-message a, #content .woocommerce-info a, #content .woocommerce-error a {
    font-family: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
}

.ast-single-post .entry-content .woocommerce a.woocommerce-terms-and-conditions-link,
.ast-single-post .entry-content .woocommerce a.woocommerce-privacy-policy-link,
#content .woocommerce-terms-and-conditions-wrapper a{
    font-weight: 500;
}

.ast-single-post .entry-content .woocommerce a.woocommerce-terms-and-conditions-link::before,
.ast-single-post .entry-content .woocommerce a.woocommerce-privacy-policy-link::before,
.woocommerce-terms-and-conditions-wrapper a::before,
#content .woocommerce-message a::before, #content .woocommerce-info a::before, #content .woocommerce-error a::before {
    content: ' » ';
    font-size: 1.2em;
}

#content .woocommerce-message a strong, #content .woocommerce-info a strong, #content .woocommerce-error a strong {
    font-weight: 500;
    font-style: italic;
}

/* Info Messages */
.woocommerce-message, .woocommerce-info{
  border-top-color: var(--wl-color-info);
}

.ast-single-post .entry-content .woocommerce a.woocommerce-terms-and-conditions-link,
.ast-single-post .entry-content .woocommerce a.woocommerce-privacy-policy-link,
.woocommerce-terms-and-conditions-wrapper a,
.woocommerce-message a, .woocommerce-info a {
    color: var(--wl-color-info);
}

.woocommerce-terms-and-conditions-wrapper a:hover,
.woocommerce-message a:hover, .woocommerce-info a:hover {
    color: var(--wl-color-info-hover);
}

.woocommerce-message::before, .woocommerce-info::before{
    color: var(--wl-color-info);
}

.woocommerce-js form .form-row.woocommerce-validated .select2-container, .woocommerce-js form .form-row.woocommerce-validated input.input-text, .woocommerce-js form .form-row.woocommerce-validated select{
    border-color: var(--wl-color-input-focus);
}

.woocommerce-js form .form-row .required{
    color: var(--wl-color-info);
}

/* Error */
.woocommerce-error{
  border-top-color: var(--wl-color-error);
}

.woocommerce-error a {
    color: var(--wl-color-error);
}

.woocommerce-error a:hover {
    color: var(--wl-color-error-hover);
}

.woocommerce-error::before{
    color: var(--wl-color-error);
}

.woocommerce-js form .form-row.woocommerce-invalid .select2-container, .woocommerce-js form .form-row.woocommerce-invalid input.input-text, .woocommerce-js form .form-row.woocommerce-invalid select{
    border-color: var(--wl-color-error);
    border-width: 2px;
}

/* input */

.woocommerce form .form-row textarea, .woocommerce input[type=email], .woocommerce input[type=number], .woocommerce input[type=password], .woocommerce input[type=reset], .woocommerce input[type=search], .woocommerce input[type=tel], .woocommerce input[type=text], .woocommerce input[type=url], .woocommerce textarea, .woocommerce-page form .form-row textarea, .woocommerce-page input[type=email], .woocommerce-page input[type=number], .woocommerce-page input[type=password], .woocommerce-page input[type=reset], .woocommerce-page input[type=search], .woocommerce-page input[type=tel], .woocommerce-page input[type=text], .woocommerce-page input[type=url], .woocommerce-page textarea{
    border-color: var(--wl-color-input-focus);
    border-width: 2px;
}

.woocommerce .select2-container .select2-selection--single, 
.woocommerce select, .woocommerce-page .select2-container .select2-selection--single, 
.woocommerce-page select,
.woocommerce form .form-row textarea, 
.woocommerce input[type=email], 
.woocommerce input[type=number], 
.woocommerce input[type=password], 
.woocommerce input[type=reset], 
.woocommerce input[type=search], .woocommerce input[type=tel], 
.woocommerce input[type=text], .woocommerce input[type=url], .woocommerce textarea, .woocommerce-page form .form-row textarea, 
.woocommerce-page input[type=email], .woocommerce-page input[type=number], .woocommerce-page input[type=password], .woocommerce-page input[type=reset], 
.woocommerce-page input[type=search], .woocommerce-page input[type=tel], .woocommerce-page input[type=text], .woocommerce-page input[type=url], .woocommerce-page textarea{
    background-color: var(--wl-color-input-bg);
}

/* input focus and required */

.woocommerce .validate-required .select2-container .select2-selection--single, 
.woocommerce .validate-required select, .woocommerce-page .validate-required .select2-container .select2-selection--single, 
.woocommerce-page .validate-required select,
.woocommerce form .form-row .validate-required textarea, 
.woocommerce .validate-required input[type=email], 
.woocommerce .validate-required input[type=number], 
.woocommerce .validate-required input[type=password], 
.woocommerce .validate-required input[type=reset], 
.woocommerce .validate-required input[type=search], .woocommerce input[type=tel], 
.woocommerce .validate-required input[type=text], .woocommerce .validate-required input[type=url], .woocommerce .validate-required textarea, .woocommerce-page form .form-row .validate-required textarea, 
.woocommerce-page .validate-required input[type=email], .woocommerce-page input[type=number], .woocommerce-page input[type=password], .woocommerce-page input[type=reset], 
.woocommerce-page .validate-required input[type=search], .woocommerce-page .validate-required input[type=tel], .woocommerce-page .validate-required input[type=text], .woocommerce-page .validate-required input[type=url], .woocommerce-page .validate-required textarea,
input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="reset"]:focus, input[type="search"]:focus, input[type="number"]:focus, textarea:focus, .wp-block-search__input:focus, [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus, .ast-mobile-popup-drawer.active .menu-toggle-close:focus, .woocommerce-ordering select.orderby:focus, #ast-scroll-top:focus, #coupon_code:focus, .woocommerce-page #comment:focus, .woocommerce #reviews #respond input#submit:focus, .woocommerce a.add_to_cart_button:focus, .woocommerce .button.single_add_to_cart_button:focus, .woocommerce .woocommerce-cart-form button:focus, .woocommerce .woocommerce-cart-form__cart-item .quantity .qty:focus, .woocommerce .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper > .input-text:focus, .woocommerce #order_comments:focus, .woocommerce #place_order:focus, .woocommerce .woocommerce-address-fields .woocommerce-address-fields__field-wrapper .woocommerce-input-wrapper > .input-text:focus, .woocommerce .woocommerce-MyAccount-content form button:focus, .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-form-row .woocommerce-Input.input-text:focus, .woocommerce .ast-woocommerce-container .woocommerce-pagination ul.page-numbers li a:focus, body #content .woocommerce form .form-row .select2-container--default .select2-selection--single:focus, #ast-coupon-code:focus, .woocommerce.woocommerce-js .quantity input[type=number]:focus, .woocommerce-js .woocommerce-mini-cart-item .quantity input[type=number]:focus, .woocommerce p#ast-coupon-trigger:focus{
    background-color: var(--wl-color-input-focus);
    border: 0px transparent;
}

/* checkbox */

body input[type="checkbox"]{
  width: 1.5rem;
  height: 1.5rem;
  accent-color: var(--wl-color-input-focus);
}

.woocommerce-form-login__rememberme input{
  position: relative;
  top: 0.3rem;
}

/* Hide shop breadcrumbs */
.woocommerce-breadcrumb{
    display: none;
}


#main .astra-shop-thumbnail-wrap .ast-onsale-card, #main .astra-shop-thumbnail-wrap .onsale {
    background-color: var(--ast-global-color-0);
    color: #ffffff;
    border: 1px solid white;
    min-width: 4em;
    top: -3px;
    right: -3px;
    min-height: 4em;
    line-height: 4em;
    font-size: 1em;
    margin: -.5em -.5em 0 0;
    left: auto;
    padding: 0;
    border-radius: 100%;
    text-align: center;
}

.astra-shop-thumbnail-wrap .ast-card-action-tooltip, 
.astra-shop-thumbnail-wrap .ahfb-svg-iconset{
    display: none;
}


#main ul.products .ast-woo-product-category,
#main ul.products .ast-loop-product__link,
#main ul.products .price{
  text-align: left;
}

.product_cat-redbubble .woocommerce-Price-amount:before {
    content: "ca. ";
}

/* more details button for product teasers */

.woocommerce .products .astra-shop-summary-wrap .button{
    position: relative;
    top: 62px;
}
.woocommerce .products .wl-more-details-button{
    position: relative;
    bottom: 62px;
}

/* product teaser block for home page and start here page */

.wl-featured-products ul.products li.product{
    margin-bottom: 0px;
}

/***********************
 Single Product Page 
 ************************/

 .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:hover::before{
    background-color: var(--wl-color-info);
 }

 /* Product Reminder */

 .wl-bottom-add-to-cart{
    margin-top: -3em;
    margin-bottom: 6em;
    text-align: right;
    margin-left: auto;
 }

 #content .wl-bottom-add-to-cart button{
    margin-left: auto;
    float: unset;
    margin-top: 1em;
 }

 /*********************************
 My Account Page
 **********************************/

 /* /my-account/ ?page_id=10 */


/* my account and checkout headings */ 
h3#order_review_heading,
#customer_details h3,
#customer_login h2 { 
    font-size: 1.2rem;
    font-weight: 600;
}

.woocommerce-form-login .woocommerce-button.woocommerce-form-login__submit,
 #customer_login .woocommerce-form-login .button.woocommerce-form-login__submit{
  margin-top: 1.5rem;
 }

.woocommerce-js form .form-row label{
  font-weight: inherit;
  font-size: inherit;
  padding-top: 0.5em;
 }

.woocommerce-js form .form-row label{
  font-weight: inherit;
  font-size: inherit;
 }

 #content .form-row.create-account,
 .woocommerce-additional-fields{
  margin-top: 2rem;
 }

 /*******************************************
 Mobile 
 ********************************************/
 
/* Breaking point to Hamburger Menu 921px */

/* Breaking point to Hamburger Menu 921px */

/* Mobile Header */
/* More Mobile header at the top of the file where the header is */

/* Hide extra Account menu item on desktop */

#ast-desktop-header .wl-mobile-only{
  display: none;
}

.ast-header-break-point #ast-desktop-header .wl-mobile-only{
  display: inherit;
}

/* Hamburger Menu */

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
    width: 2rem;
    height: 2rem;
    fill: inherit;
}

/* Off-Canvas Menu */

.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile {
    padding-bottom: 1rem;
}

.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile li a{
    line-height: 2em;
}

.ast-header-break-point header.site-header a{
    font-size: 1rem;
}

.ast-header-break-point .main-navigation .stack-on-mobile li{
    padding-left: 1rem;
}

.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item:first-child{
    border-top: 1.5px solid var(--wl-color-border-light);
}

.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item:last-child{
    border-bottom: 1.5px solid var(--wl-color-border-light);
}

.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item:first-child .menu-link{
    padding-top: 0.5rem;
}

.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item:last-child .menu-link{
    padding-bottom: 0.5rem;
}

/* Shopping Cart Icon */

.site-header-primary-section-right .ast-icon-shopping-cart svg{
    height: 2rem;
    width: auto;
    padding-top: 8px;
}

/* counter on shopping cart icon */

.site-header-section>*{
    padding: 0 8px;
}

.ast-header-break-point #ast-mobile-header .site-header-primary-section-right .astra-icon.ast-icon-shopping-cart {
    display: inline-block;
}

.ast-site-header-cart i.astra-icon:after{
    right: auto;
    bottom: 0px;
    top: auto;
    left: -4px;
    font-weight: 400;
    min-width: 12px;
    height: 12px;
    font-family: inherit;
    font-size: .5rem;
    line-height: 12px;;
}

/* Mobile Content Section */

@media (max-width: 1250px){
    
    .ast-page-builder-template .site .site-content #primary {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* shop items */

@media (max-width: 768px) {
    .ast-container .woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid), .woocommerce.mobile-columns-2 ul.products:not(.elementor-grid), .woocommerce-page.mobile-columns-2 ul.products:not(.elementor-grid) {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .wl-featured-products ul.products li.product{
        margin-bottom: 1rem;
    }

    .woocommerce .products .astra-shop-summary-wrap .button{
        top: 46px;
    }
}

/*  Blog section on Homepage */

@media (max-width: 768px) {
  .wp-block-group.is-nowrap {
    flex-wrap: wrap;
  }
}