/* 
 * Global Styles for Ollie Child Theme
 * These styles will be loaded in both the Gutenberg editor and frontend
 */

/* Button Animation for light button */
.wp-block-button.is-style-button-light a,
.wp-block-button.is-style-button-dark a {
    position: relative;
    display: inline-block;
    padding-bottom: 2px; /* space for animated border */
  }
@media (max-width: 992px) {
  .tablet-row-reverse{
    flex-direction: row-reverse;
  }
}
@media (max-width: 478px) {
  .mobile-row-reverse{
    flex-direction: row-reverse;
  }
}
.wp-block-cover__background.has-background-dim{
    opacity: 0.3 !important;
    background-color: var(--wp--preset--color--primary) !important;
}

.overlay::before{
    content: "";
    background: #00000024;
    position: absolute;
    inset: 0;
    z-index: 2;
}
  
.wp-block-button.is-style-button-light a::after, 
.wp-block-button.is-style-button-dark a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: currentColor; /* matches text color */
    transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
}

.wp-block-button.is-style-button-light:hover a::after, 
.wp-block-button.is-style-button-dark:hover a::after {
animation: borderGrowShrink 1s ease-in-out infinite;
animation-fill-mode: forwards;
}

@keyframes borderGrowShrink {
0% {
    width: 100%;
    left: 0;
}
50% {
    width: 0%;
    left: 100%;
}
51% {
    width: 0%;
    left: 0;
}
100% {
    width: 100%;
    left: 0;
}
}

/* Swiper Pagination */

.cb-pagination.swiper-pagination{
    position: absolute;
    bottom: 10% !important;
}
.cb-pagination-bullet.swiper-pagination-bullet {
    width: 32px !important;
    border-radius: 2px;
    height: 4px !important;
}
.cb-pagination-bullet.swiper-pagination-bullet-active{
    background: white !important;
}
.wp-block-cb-carousel-v2 .cb-button-prev, .wp-block-cb-carousel-v2.cb-rtl .cb-button-next {
    left: 24px;
    right: auto;
    color: var(--wp--preset--color--base) !important;
}
.wp-block-cb-carousel-v2 .cb-button-next, .wp-block-cb-carousel-v2.cb-rtl .cb-button-prev {
    left: auto;
    right: 24px;
    color: var(--wp--preset--color--base) !important;
}
.wp-block-cb-carousel-v2[data-cb-pagination=true] .swiper-horizontal {
    margin-bottom: 0;
}
.wc-block-components-checkbox input,
.wc-block-components-radio-control input{
    padding: 0 !important;
}

.wc-block-components-button.wp-element-button:hover {
    background-color: var(--wp--preset--color--primary-alt)
}

/* Hide the br tag in the YayCurrency selected option */
.yay-currency-selected-option br{
    display: none;
}
/* Header Scroll Sticky Effect 
.sticky-header {
    position: relative;
    transition: all 0.3s ease-in-out;
}

.sticky-header.header-scrolled {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}*/