/**
Theme Name: Kalei
Author: Brainstorm Force
Author URI: https://dimio.bg/
Description: Specially designed for Kalei.bg
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kalei
Template: astra
*/


.servicesHome .product .uael-woo-products-thumbnail-wrap a {
    padding: 15px;
    background: #fff;
}
.kalei-homepage-event-date {
    font-size: 14px;
    font-weight: 700;
    color: #1a86c8;
    margin: 0;
    margin-bottom: 15px;
}
.kalei-homepage-learn-more {
    background: #509e45;
    padding: 5px 9px;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    margin-top: 10px;
}
.kalei-homepage-learn-more:hover {
    background: #1a86c8;
    color: #fff !important;
}
.kalei-homepage-btn-wrapper {
    margin-top: 15px;
}

.servicesPageWrapper .kalei-custom-action-btn {
    display: inline-block !important;
    background-color: #1a86c8 ;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 12px 24px !important;
    text-decoration: none !important;
    border-radius: 5px !important;
    transition: background-color 0.2s ease-in-out !important;
}

.servicesPageWrapper .kalei-custom-action-btn:hover {
    background-color: #509e45;
}

/* ==========================================================================
   Kalei.bg - Custom Alternating Row Layout for Services (Updated Hook Version)
   ========================================================================== */
/* 1. Force the product container into a single-column row stack */
.servicesPageWrapper ul.products {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 60px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Format individual rows and add separation lines */
.servicesPageWrapper ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 0 60px 0 !important;
    border-bottom: 1px solid #CCCCCC !important;
}

.servicesPageWrapper ul.products li.product:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* 3. Initialize the 2-column structural split */
.servicesPageWrapper .uael-woo-product-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 6% !important;
    width: 100% !important;
    padding: 30px;
    border-radius: 12px;
}

/* 4. Alternating Row Logic (Even items: Content Left, Image Right) */
.servicesPageWrapper ul.products li.product:nth-child(even) .uael-woo-product-wrapper {
    flex-direction: row-reverse !important;
}

/* 5. Width allocation for both columns */
.servicesPageWrapper .uael-woo-products-thumbnail-wrap {
    flex: 0 0 47% !important;
    width: 47% !important;
    max-width: 47% !important;
    margin: 0 !important;
    border-radius: 12px;
}
.servicesPageWrapper .uael-woo-products-thumbnail-wrap a {
    border-radius: 12px;
}

.servicesPageWrapper .uael-woo-products-summary-wrap {
    flex: 0 0 47% !important;
    width: 47% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   Typography & Baseline Elements (Natural HTML Order)
   ========================================================================== */

/* Title styling */
.servicesPageWrapper .uael-loop-product__link {
    margin-bottom: 15px !important;
    display: block !important;
    text-decoration: none !important;
}

.servicesPageWrapper .woocommerce-loop-product__title {
    font-size: 22px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

/* ACF Fields Container */
.servicesPageWrapper .kalei-acf-services-wrapper {
    width: 100% !important;
    margin-bottom: 15px !important;
}

/* Price styling */
.servicesPageWrapper .price {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-bottom: 20px !important;
    display: block !important;
}

/* Prepend the "Цена: " string dynamically before the WooCommerce amount */
.servicesPageWrapper .price .woocommerce-Price-amount::before {
    content: "Цена: ";
    font-weight: 700;
    color: #000000;
}

/* ==========================================================================
   ACF Inner Field Details 
   ========================================================================== */
.servicesPageWrapper .acf-service-item {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #555555 !important;
    margin-bottom: 15px !important;
}

/* Transform internal <strong> tags into uppercase wireframe labels */
.servicesPageWrapper .acf-service-item > strong:first-child {
    display: block !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    color: #000000 !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 4px !important;
}

/* Reset inner formatting sub-lists (Format, Frequency, Location) */
.servicesPageWrapper .acf-service-item ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 6px 0 0 0 !important;
}

.servicesPageWrapper .acf-service-item ul li {
    position: relative !important;
    padding-left: 15px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 3px !important;
    color: #444444 !important;
}

/* Add square or bullet indicator dynamically before sub-list strings */
.servicesPageWrapper .acf-service-item ul li::before {
    content: "▪" !important;
    position: absolute !important;
    left: 0 !important;
    top: -1px !important;
    font-size: 10px !important;
    color: #000000 !important;
}

/* Maintain proper inline look inside sub-lists */
.servicesPageWrapper .acf-service-item ul li strong {
    display: inline !important;
    text-transform: none !important;
    font-size: 13px !important;
    color: #000000 !important;
    margin-right: 4px !important;
}

/* ==========================================================================
   Responsive Viewport Management (Mobile Breakdown)
   ========================================================================== */
@media (max-width: 900px) {
    .servicesPageWrapper .uael-woo-product-wrapper,
    .servicesPageWrapper ul.products li.product:nth-child(even) .uael-woo-product-wrapper {
        flex-direction: column !important;
        gap: 25px !important;
    }

    .servicesPageWrapper .uael-woo-products-thumbnail-wrap,
    .servicesPageWrapper .uael-woo-products-summary-wrap {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* ==========================================================================
   custom short_code for the mixed content in services page
   ========================================================================== */
.kalei-mixed-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.kalei-mixed-card {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
}

.kalei-card-image {
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    background-repeat: no-repeat;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.kalei-card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.kalei-card-label {
    font-size: 12px;
    font-weight: 700;
    color: #8c7a6b;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.kalei-card-title {
    font-size: 18px;
    font-weight: 700;
    color: #1a2b3c;
    margin: 0 0 20px 0;
    line-height: 1.3;
}

.kalei-card-action {
    text-transform: uppercase;
    font-size: 13px;
    color: #e8e5da;
    background: #8c7a6b;
    padding: 3px 9px;
    border-radius: 4px;
    width: 140px;
    text-align: center;
}

.kalei-card-action:hover {
    color: #e8e5da;
    background: #3a3331;
}

@media (max-width: 900px) {
    .kalei-mixed-grid-wrapper {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================================
   center Kalei page styles
   ========================================================================== */
.teamSubtitle {
    text-transform: uppercase;
}


/* ==========================================================================
   product page
   ========================================================================== */
#main .summary .product_meta .sku_wrapper {
    display: none;
}
.ast-woocommerce-container .woocommerce-breadcrumb {
    margin-bottom: 35px;
    font-size: 13px;
}
#main .product .product_title.entry-title {
    font-weight: bold;
    margin-bottom: 25px;
}
.single-product #main .product .summary.entry-summary .price {
    margin-bottom: 25px;
}
#main .product .product_meta {
    padding-top:15px;
    margin-bottom: 25px;
}
#main div.product form.cart .button {
    margin-bottom: 25px;
}
#main div.product div.images img {
   border-radius: 12px; 
}
#main div.product .single_add_to_cart_button {
    background: #1a86c8;
    color: #fff;
}
#main div.product .single_add_to_cart_button:hover {
    background: #509e45;
    border-color: #509e45;
}
.woocommerce-js ul.products li.product a img, .woocommerce-page ul.products li.product a img {
    border-radius: 12px;
}
.woocommerce-page .related ul.products li.product .add_to_cart_button.ajax_add_to_cart, .woocommerce-page .related ul.products li.product .price {
    display: none;
}


@media (max-width: 768px) {
    .single-product .site .site-content #primary {
        margin-top: 0;
        padding-top: 90px;
    }
}


/* ==========================================================================
   woocomerce category page header
   ========================================================================== */

   .kalei-category-hero {
    position: relative;
    width: 100%;
    padding: 100px 20px 50px 20px;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    text-align: center;
    margin-bottom: 10px;
    background-color: #E8E5DA; /* Fallback color */
}

/* Optional: Add a subtle overlay so the text is easier to read over complex images */
.kalei-category-hero::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(232,229,218, 0.7); /* 70% white overlay. Change to 0 if you don't want it */
    z-index: 1;
}

.kalei-category-hero .kalei-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin: 0 auto;
}

/* Title Styling */
.kalei-hero-title {
    font-size: 48px !important;
    font-weight: 700;
    color: #2A3136;
    margin-bottom: 10px;
    text-transform: none;
}

/* Breadcrumbs Styling */
.kalei-hero-breadcrumbs {
    margin-bottom: 25px;
}

.kalei-hero-breadcrumbs .woocommerce-breadcrumb {
    justify-content: center; /* Centers the breadcrumb */
    margin: 0;
    font-size: 14px;
    color: #7F8A93;
}

.kalei-hero-breadcrumbs .woocommerce-breadcrumb a {
    color: #2A3136;
    font-weight: 600;
    text-decoration: none;
}

.kalei-hero-breadcrumbs .woocommerce-breadcrumb a:hover {
    color: #1A86C8;
}

/* Description Styling */
.kalei-hero-description {
    font-size: 16px;
    line-height: 1.6;
    color: #555555;
}

.kalei-hero-description p {
    margin-bottom: 15px;
}
.tax-product_cat #content #secondary {
    margin-top: 10px;
}

.sidebarCategoriesa {
    border: 2px solid #3a3331;
    padding: 20px;
    background-color: #8c7a6b;
    color: #e8e5da;
    border-radius: 6px !important;
}

/* Заглавие */
.sidebarCategoriesa h3.wp-block-heading {
    text-transform: uppercase;
    font-size: 18px !important;
    margin-bottom: 10px !important;
    color: #e8e5da;
}

/* Разделител (линия) */
.sidebarCategoriesa hr.wp-block-separator {
    border-top: 1px solid #3a3331 !important;
    margin-bottom: 15px !important;
}

/* Списък с категории */
.sidebarCategoriesa ul.wc-block-product-categories-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.sidebarCategoriesa li.wc-block-product-categories-list-item {
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 8px !important;
}

.sidebarCategoriesa li.wc-block-product-categories-list-item a {
    text-decoration: none !important;
    color: #e8e5da;
    font-weight: 600;
}

.sidebarCategoriesa li.wc-block-product-categories-list-item a:hover {
    color: #3a3331;
}


.sidebarSearchWrapper {
    border: 2px solid #3a3331 !important;
    padding: 20px !important;
    background-color: #e8e5da !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    border-radius: 6px !important;
}

/* Заглавие "ТЪРСЕНЕ" (това е label в HTML-а) */
.sidebarSearchWrapper .wp-block-search__label {
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #3a3331 !important;
    border-bottom: 1px solid #d1d5db !important;
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
    display: block !important;
    width: 100% !important;
}

/* Оправяне на вътрешния контейнер (махнахме фиксираната ширина от 666px) */
.sidebarSearchWrapper .wp-block-search__inside-wrapper {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

/* Поле за въвеждане */
.sidebarSearchWrapper .wp-block-search__input {
    border: 2px solid #374151 !important;
    padding: 12px !important;
    width: 100% !important;
    height: auto !important;
    outline: none !important;
    border-radius: 5px !important;
    background-color: #e8e5da !important;
}

/* Бутон "ТЪРСИ" */
.sidebarSearchWrapper .wp-block-search__button {
    border: 2px solid #3a3331 !important;
    background-color: #3a3331 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    width: 100% !important;
    padding: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    margin-left: 0;
}

.sidebarSearchWrapper .wp-block-search__button:hover {
    background-color: #8c7a6b !important;
}
.tax-product_cat .sidebar-main .ast-filter-wrap #block-15 {
    margin-bottom: 0 !important;
        padding-bottom: 0;
}

.tax-product_cat #primary {
    margin-top: 40px !important;
}
.tax-product_cat #primary .ast-woocommerce-container {
    padding: 0;
}
.tax-product_cat #primary .woocommerce-ordering {
    border: 1px solid #3a3331;
    border-radius: 6px;
}

.kalei-product-label {
       position: absolute;
    top: 10px;
    left: 10px;
    background-color: #3a3331;
    color: #fff;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 10;
    border-radius: 6px;
    border: 1px solid #fff;
    line-height: 15px;
}

.tax-product_cat #primary ul.products li.product.ast-article-post {
    padding: 10px;
    background: #fff;
    border-radius: 12px;
}
.tax-product_cat #primary ul.products li.product.ast-article-post .add_to_cart_button {
    width: 100%;
    text-align: center;
    background: #1a86c8;
    color: #fff;
}
.tax-product_cat #primary ul.products li.product.ast-article-post .add_to_cart_button:hover {
    background: #509e45;
}
@media (max-width: 1024px) { 
    .tax-product_cat #primary ul.products li.product.ast-article-post .add_to_cart_button {
        line-height: 20px;
    }
}

@media (max-width: 768px) {
    
    .tax-product_cat .sidebar-main .ast-filter-wrap #block-15, .tax-product_cat .sidebar-main .ast-filter-wrap #block-13 {
        padding-left: 0;
        padding-right: 0;
    }
    .tax-product_cat .sidebar-main .ast-filter-wrap #block-13 {
        padding-bottom: 0;
    }
    .tax-product_cat #content {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Избутваме страничната лента най-отгоре */
    .tax-product_cat #secondary {
        order: 2 !important; 
        margin-bottom: 20px !important; /* Добавяме малко отстояние под категориите */
    }

    /* Слагаме основното съдържание под нея */
    .tax-product_cat #primary {
        order: 1 !important;
        margin-top: 0px !important;
    }
    .tax-product_cat #primary .woocommerce-ordering, .tax-product_cat #primary .woocommerce-ordering select {
        display: inline-block;
        width: 100%;
    }
}

@media (max-width: 320px) {
    .tax-product_cat #primary ul.products li.product.ast-article-post .add_to_cart_button {
        padding: 8px;
    }
}



/* ==========================================================================
   woocomerce original checkout
   ========================================================================== */
.privacyLink {
    font-weight: bold;
}
.kalei-strip-original-checkout #billing_country_field {
    display: none;
}



/* ==========================================================================
   woocomerce quick checkout
   ========================================================================== */
/* 1. General Checkout UI Cleanup */
.kalei-quick-checkout .woocommerce-additional-fields, 
.kalei-quick-checkout .woocommerce-notices-wrapper, 
.kalei-quick-checkout .entry-title, 
.kalei-quick-checkout .wc_payment_methods {
    display: none;
}

/* 2. Heading Customizations */
.kalei-quick-checkout .woocommerce-billing-fields > h3 {
    font-size: 0 !important;
    margin-bottom: 20px !important;
}
.kalei-quick-checkout .woocommerce-billing-fields > h3::before {
    content: "Данни на участника";
    font-size: 24px;
    color: #2A3136;
}

.kalei-quick-checkout #order_review_heading {
    font-size: 0 !important;
    margin-bottom: 0px !important;
    padding: 25px 25px 15px 25px !important;
    border-bottom: 1px solid #000 !important;
}
.kalei-quick-checkout #order_review_heading::before {
    content: "Събитие / Услуга";
    font-size: 24px;
    color: #2A3136;
}

/* 3. Table Structure Cleanup */
/* Hide the header row (Product/Total text) */
.kalei-quick-checkout .woocommerce-checkout-review-order-table thead {
    display: none !important;
}

/* 4. Price Visibility Logic */
/* Show the product price column */
.kalei-quick-checkout .woocommerce-checkout-review-order-table tbody td.product-total {
    display: table-cell !important;
}

/* Reset product name width so it doesn't force full width */
.kalei-quick-checkout .woocommerce-checkout-review-order-table tbody td.product-name {
    width: auto !important;
}

/* 5. Footer Logic: Show only the Final Total row */
/* First, ensure the footer container is visible */
.kalei-quick-checkout .woocommerce-checkout-review-order-table tfoot {
    display: table-footer-group !important;
}

/* Hide everything in the footer by default */
.kalei-quick-checkout .woocommerce-checkout-review-order-table tfoot tr {
    display: none !important;
}

/* Unhide ONLY the final Total row */
.kalei-quick-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total {
    display: table-row !important;
}

/* Optional: Clean up the order-total formatting */
.kalei-quick-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total th,
.kalei-quick-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td {
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
}



/* ==========================================================================
   woocomerce account page
   ========================================================================== */
.woocommerce-account .woocommerce .woocommerce-Address-title h2, .woocommerce-account .woocommerce .woocommerce-order-details__title, .woocommerce-account .woocommerce .woocommerce-column__title {
    font-size: 22px;
}
.woocommerce-MyAccount-navigation {
    background: #8c7a6b;
    border-radius: 12px;
    border: 2px solid #292426;
}
body .woocommerce-MyAccount-navigation-link {
    border:none;
}
body .woocommerce-MyAccount-navigation-link a {
    text-decoration: none !important;
    color: #e8e5da;
    font-weight: 600;
    padding: .9em 1em;
}
body .woocommerce-MyAccount-navigation-link a:hover, body .woocommerce-MyAccount-navigation-link.is-active a {
    color: #3a3331;
    background: transparent;
}

.woocommerce-account .page .entry-header .entry-title {
    font-size: 40px;
    color: #292426;
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
}
.woocommerce-account .woocommerce table, .woocommerce-account .woocommerce .woocommerce-customer-details {
    border-radius: 12px !important;
}
.woocommerce-account .woocommerce table thead {
    border-radius: 12px;
     box-sizing: content-box;
     background: transparent;
}
.woocommerce-account .woocommerce .woocommerce-customer-details .woocommerce-column__title {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    font-size: 16px;
    padding: 15px 18px;
    background: transparent;
}
.woocommerce-account .woocommerce .woocommerce-customer-details address {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.woocommerce-account .woocommerce .woocommerce-Address-title {
    
    background: transparent;
}
.woocommerce-account .woocommerce .woocommerce-Address-title h2 {
    font-size: 16px;
    padding: 15px 18px;
    margin-bottom: 0;
}
.woocommerce-account .woocommerce .woocommerce-Address header {
     border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}
.woocommerce-account .woocommerce .woocommerce-Address address {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}


@media (max-width: 768px) {
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
        margin-bottom: 40px;
    }
    .woocommerce-account .woocommerce .woocommerce-orders-table__row {
        border-bottom: 5px solid #000;
        
    }
    .woocommerce-account .page .entry-header  {
        margin-top: 80px;
    }
}

button#place_order, .woocommerce-checkout #place_order {
    background-color: #1a86c8 !important;
    color: #ffffff !important;
    border: none !important;
}
button#place_order, .woocommerce-checkout #place_order:hover {
    background-color: #509e45 !important;
}
.woocommerce.single-product div.product div.images {
    max-width: 400px;
    margin: 0 auto;
}
footer .widget-title {
    font-weight: bold;
}

@media (min-width: 1300px) {
    .woocommerce.single-product div.product .summary {
        width: 60% !important;
    }    
}

@media (max-width: 1024px) {
    .kalei-front-calendar-wrapper  {
        padding: 20px;
    }
    .mc4wp-form input[type="submit"] {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (max-width: 768px) {
    #main div.product div.images img {
        margin-bottom: 30px;
    }
    .kalei-cal-header, .kalei-cal-filters-row {
        justify-content: start !important;
        flex-direction: column;
        align-items: start !important;
    }
    .kalei-type-tabs {
            order: 2;
    }
    .kalei-cal-filters-row, .kalei-cal-filters-row select, .kalei-cal-filters-row button, .kalei-cal-header, .kalei-cal-header button, .kalei-cal-header h3, .kalei-cal-header a {
        font-size: 13px;
    }
    .uael-woo-slider-arrow-outside .uael-woo-products-slider .slick-next {
        right: -20px;
        background: none;
    }
    .uael-woo-slider-arrow-outside .uael-woo-products-slider .slick-prev {
        left: -15px;
        background: none;
    }
}
@media (max-width: 480px) { 
        .elementor-815 .elementor-element.elementor-element-c4ea9f1:not(.elementor-motion-effects-element-type-background), .elementor-815 .elementor-element.elementor-element-c4ea9f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-position-y: 65px;
    }
}
@media (max-width: 425px) {
    .kalei-cal-nav h3 {
            font-size: 14px;
    }
    .kalei-multi-event-trigger {
        padding: 3px !important;
        font-size: 9px !important;
        line-height: 11px !important;
    }
    .kalei-day {
        padding: 3px !important;
    }
    .kalei-event-bubble {
        padding: 3px !important;
        font-size: 9px !important;
    }
    .kalei-event-bubble .ev-time, .kalei-event-bubble .ev-spots {
        font-size: 8px !important;
    }
    .kalei-cal-filters-row, .kalei-cal-filters-row select, .kalei-cal-filters-row button, .kalei-cal-header, .kalei-cal-header button, .kalei-cal-header h3, .kalei-cal-header a {
        font-size: 12px !important;
    }
    .ast-archive-entry-banner h1, .ast-archive-entry-banner h1 span {
        font-size: 30px !important;
    }
}
@media (max-width: 390px) {
    .kalei-cal-filters-row, .kalei-cal-filters-row select, .kalei-cal-filters-row button, .kalei-cal-header, .kalei-cal-header button, .kalei-cal-header h3, .kalei-cal-header a {
        font-size: 9px !important;
    }
    .kalei-front-calendar-wrapper {
        padding: 10px;
    }
}

@media (min-width: 768px) {
    .kalei-cal-nav .kalei-toggle-btn {
        font-size: 11px;
    }
}


.servicesPageWrapper .kalei-secondary-btn {
    background-color: #509e45; 
}
.servicesPageWrapper .kalei-secondary-btn:hover {
    background-color: #1a86c8;
}

/* ==========================================================
   BLOG ARCHIVE: CONTENT REORDERING & STYLING (WIREFRAME)
   ========================================================== */

/* 1. Turn the content wrapper into a Flexbox column */
.archive .post-content,
.blog .post-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Aligns everything to the left */
}

/* 2. Move Date (Meta) to the very top */
.archive .post-content .ast-blog-meta-container,
.blog .post-content .ast-blog-meta-container {
    order: 1;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 600;
    color: #8fa0a5; /* Adjust to the exact grey from your design */
    text-transform: uppercase;
}

/* 3. Move Title to the second position */
.archive .post-content .entry-title,
.blog .post-content .entry-title {
    order: 2;
    margin-bottom: 15px;
    font-weight: 800;
    text-transform: uppercase;
}

.archive .post-content .entry-title a,
.blog .post-content .entry-title a {
    color: #1a1a1a; /* Dark text for title */
}

/* 4. Move Excerpt to the third position */
.archive .post-content .ast-excerpt-container,
.blog .post-content .ast-excerpt-container {
    order: 3;
    margin-bottom: 25px;
    color: #555555;
    line-height: 1.6;
}

/* 5. Move "Read More" to the bottom */
.archive .post-content .ast-read-more-container,
.blog .post-content .ast-read-more-container {
    order: 4;
    margin-top: 0;
    margin-bottom: 0;
}

/* 6. Style the "Read More" button to match wireframe */
.archive .post-content .ast-read-more-container a,
.blog .post-content .ast-read-more-container a {
    display: inline-block;
    color: #1a1a1a;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 2px solid #1a1a1a; /* Creates the black underline */
    padding-bottom: 3px;
    letter-spacing: 0.5px;
    transition: all 0.2s ease-in-out;
}

/* Optional hover effect for the Read More link */
.archive .post-content .ast-read-more-container a:hover,
.blog .post-content .ast-read-more-container a:hover {
    color: #597a73; /* Your theme's green color */
    border-bottom-color: #597a73;
}

.archive .ast-blog-featured-section img {
    border-radius: 12px !important;
}
#wpforms-submit-20 {
    background-color: var(--ast-global-color-0);
    color: #fff;
}
#wpforms-submit-20:hover {
    background-color: var(--ast-global-color-1);
}

#blogSidebarEvents li {
    margin-bottom: 20px;
}
#blogSidebarEvents li .uael-woo-product-wrapper {
    border-radius: 10px;
}

.post-template-default.single-post .post-thumb-img-content.post-thumb img {
    border-radius: 10px;
}