.main-navigation
{
	letter-spacing:2.5px
}

#astra-footer-menu > .menu-item > .menu-link
{
	letter-spacing:2.4px;
}

.ast-footer-copyright p
{
	letter-spacing:1.2px;
}

.ast-plain-container.ast-no-sidebar #primary
{
	margin-top:70px;
	margin-bottom:50px;
}

@media only screen and (max-width: 767px) {
	.ast-plain-container.ast-no-sidebar #primary
{
	margin-top:40px;
	margin-bottom:20px;
}
}

a:where(:not(.wp-element-button))
{
	text-decoration:none;
}
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
/* Reduce the size and adjust placement of Autoship header */
.autoship-widget {
    max-height: 120px;
    overflow-y: auto;
    margin-top: 80px;      /* Adjust to move below your site’s main header */
/* Hide or move Autoship widget only on a specific product by post ID */
body.postid-8369 .autoship-widget {
    display: none !important;
}
    z-index: 99;           /* Ensures correct layering */
    position: relative;    /* Or try fixed/absolute if needed */
}
    
    /* If options are too tall/vertical, cap the height */
    .autoship-frequency-selector select {
        max-height: 200px; /* Limits dropdown height */
        overflow-y: auto; /* Scrolls if too many options */
    }
/* Mobile-friendly Autoship dropdown without stickiness */
@media (max-width: 768px) {
    .autoship-frequency-selector, .autoship-schedule-options { /* Adjust to exact class if needed */
        width: 100% !important; /* Fits screen */
        max-width: 100% !important;
        position: relative !important; /* Removes any fixed/sticky behavior */
        top: auto !important; /* Resets positioning */
        z-index: 1 !important; /* Lowers it below header/cart (bump your header's z-index if needed) */
        overflow-x: auto;
        font-size: 14px;
        padding: 10px;
        box-sizing: border-box;
    }
    
    /* Ensure dropdown options don't overflow vertically */
    .autoship-frequency-selector select {
        max-height: 150px; /* Adjustable */
        overflow-y: auto;
    }
    
    /* If it's blocking the header, push content down a bit */
    body:has(.autoship-frequency-selector) .site-header { /* Targets pages with the selector */
        position: relative !important;
        z-index: 10 !important; /* Lifts header above everything */
    }
}.autoship-frequency-selector { pointer-events: auto !important; display: block !important; }.