#content.site-main {
    gap: var(--gap);
    width: 100%;
    max-width: 1051px;
    margin: 0 auto;
    padding-inline-start: 15px;
    padding-inline-end: 15px;
    height: 100%;
    /* box-sizing: content-box; */
}
.page-header .entry-title{
    padding-left: 0;
}
#content.site-main .page-header .entry-title{
    max-width: 100%;
}
.home-page-main-banner .fa-img-wrapper {
    height: 100% !important;
}

/* .home-page-main-banner .fa-img-wrapper img {
    height: 100% !important;
    object-fit: cover;
} */

.slick-slide {
    height: 410px;
}
button#load-more {
    margin: 0 auto;
    float: none;
    width: auto;
    display: block;
    background: #0055a5;
    border-color: #0055a5;
    font-family: 'Ruda';
    line-height: 1;
    border-radius: 5px;
    font-size: 16px;
}
button#load-more:hover, button#load-more:focus {
    color: #fff;
}

/* .elementor-location-header .elementor-sticky--active img {
    transition: all .3s;
    scale: 0.9;
} */
.woocommerce-notices-wrapper {
    max-width: 1396px;
    margin: 0 auto;
}
/* .catone-article-container .fa-img-wrapper img{
    max-height: 170px !important;
    object-fit: contain;
    margin: 0 auto;
} */

.catone-article-container .fa-img-wrapper a {
    /* width: 100%; */
    /* min-height: 300px; */
    display: inline-block;
    position: relative;
}

.catone-article-container .fa-img-wrapper a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.category-latest-article.fixed .right-content{
    position: fixed;
    width: inherit; 
    top: 70px; 
    transition: all 0.3s; 
}
.left-sidebar.fixed .ahv-table-list {
    position: fixed;
    width: inherit; 
    top: 70px; 
    transition: all 0.3s; /* Smooth transition */
}
.category-article-wrapper .right-content, .category-latest-article .right-content, .ahv-table-list{
    width: 100%; 
}
#elementor-menu-cart__toggle_button span.elementor-button-icon:focus-visible {
    outline: none;
}
.elementor-menu-cart__toggle .elementor-button:hover {
    border: none;
    background: none;
}
.elementor-location-header .wpml-ls-menu-item .wpml-ls-flag {
    width: 31px;
    height: 21px;
}
.header-new .login-btn{
    background: rgba(0, 85, 165, 1);
    border-color:rgba(0, 85, 165, 1);
    height: 29px;
    padding: 0;
    width: 90px;
}
.header-bottom .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul li:first-child{
    padding-top: 10.5px;
}
.header-bottom .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul li:last-child{
    padding-bottom: 7.5px;
}
.header-bottom .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul{
    min-width: 177px !important;
}
.header-bottom .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul li:first-child a{
    line-height: 19px;
}
.ahv-login-menu .ahv-user-menu:hover .ahv-user-logout {
    z-index: 9;
}
.ahv-login-menu .ahv-user-menu:hover .ahv-user-logout a{
    color: #000;
}
.ahv-login-menu.usermenu {
    background: rgba(0, 85, 165, 1);
    padding: 6px 12px 4px 6px !important;
}
.ahv-login-menu.usermenu .login-btn{
    padding: 0;
}
.ahv-login-menu.usermenu a{
    display: inline-flex;
}
.ahv-login-menu.usermenu a span{
    font-family: 'Ruda';
    font-size: 16px;
    font-weight: 700;
    line-height: 19.47px;
    text-align: center;
    color: #fff;
}
.ahv-login-menu.usermenu .ahv-user-account img {
    width: 17px;
    height: 17px;
    margin-right: 11px;
}
.header-bottom .e-con-boxed .wpml-ls-menu-item .sub-menu {
    min-width: max-content !important;
    max-width: fit-content !important;
}
/* body:has(.elementor-sticky--active) .dialog-lightbox-widget {
    top: 137px;
    position: absolute;
} */
.elementor-search-form__submit svg{
    fill:  rgba(237, 27, 36, 1);
}
.header-bottom dt.variation-ExtraoptiesopDagpas {
    display: none;
}

.ahv-login-menu.usermenu .ahv-user-logout {
    display: none;
    position: absolute;
    left: 15px;
    background: #fff;
    top: 26px;
}
.e-font-icon-svg-container:before {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../images/search.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
}
.elementor-search-form__submit svg {
    display: none;
}
.header-new .login-btn span {
    text-decoration: inherit;
    line-height: 29px;
    height: 29px;
    box-sizing: border-box;
    font-family: 'Ruda';
    font-size: 16px;
    font-weight: 700;
}
.elementor-location-header .e-con-boxed .header-bottom .wpml-ls-menu-item .sub-menu {
    min-width: 80px !important;
}
.header-bottom .elementor-nav-menu--dropdown.sm-nowrap a {
    padding-left: 15px !important;
    padding-right: 20px !important;
}
/*new home css*/
.left-content-wrapper{
    width: 66.509%;
    /* padding-right: 20px; */
}
.main-wrapper{
    display: flex;
    gap: 20px;
}
.main-wrapper .category-latest-article{
    width:31.59%;
}
.home-page-main-banner,.home-page-main-banner .elementor-element{
    padding: 0;
}
.category-section-wrapper {
    padding: 0 inherit;
}
.home-page-main-banner > .e-con-inner{
    padding-top: 0;
}
.home-page-main-banner .fa-title h2 {
    font-family: 'Ruda';
    font-size: 24px;
    font-weight: 700;
    line-height: 29.21px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pad-0 {
    padding: 0px !important;
}
.pad-lr-0{
    padding-left: 0;
    padding-right: 0;
}
.featured-article-container button.slick-prev, .featured-article-container button.slick-next {
    padding: 0;
    position: absolute;
    background-color: rgba(205, 82, 103, 1) !important;
    box-sizing: content-box;
    border-radius: 4.99px;
    width: 36.95px;
    height: 37.95px;
    line-height: 1;
}
.featured-article-container button.slick-prev{
    left:23px;
}
.featured-article-container button.slick-next{
    right:23px;
}
#category-search-results .fa-title h2, #category-results .fa-title h2{
    margin: 0;
    font-family: 'Ruda';
    font-size: 14px;
    font-weight: 400;
    line-height: 17.04px;
    text-align: left;
    color: rgba(0, 85, 165, 1);
}
.category-content {
    display: flex; 
    flex-direction: column;
    justify-content: space-between;
    height: 100%; 
    padding-top: 17px;
    padding-bottom: 14px;
    padding-right: 14px;
}

#category-search-results .fa-title {
    margin-bottom: auto; /* Ensures the title takes the top space */
}
.read-btn {
    text-align: right;
    margin-top: auto;
}
.read-btn a {
    background: rgba(237, 27, 36, 1);
    padding: 5.5px 12px 5.5px 12px;
    border-radius: 5px;
    opacity: 0px;
    font-family: 'Ruda';
    font-size: 14px;
    font-weight: 400;
    line-height: 17.04px;
    text-align: left;
    color: rgba(252, 252, 252, 1);
    margin-right: 2px;
    display: inline-flex;
    align-items: center;
}
.read-btn a:hover{
    background: rgba(0, 85, 165, 1);
}
.read-btn svg {
    margin-left: 10px;
}
.img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.fa-title h2 {
    font-family: 'Ruda';
    font-size: 24px;
    font-weight: 700;
    line-height: 29.21px;
    margin: 0;
    font-family: Ruda;
    font-size: 14px;
    font-weight: 700;
    line-height: 17.04px;
    text-align: left;
}
.fa-img-wrapper:hover .img-overlay {
    opacity: 1; /* Show overlay on hover */
}
.cattwo-article-container .fa-title h3 {
    color: rgba(0, 85, 165, 1);
    margin-bottom: 5px;
    font-family: Ruda;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.04px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.5em;
    max-height: 3em;
    margin-top: 5px;
}
.cattwo-article-container img {
    max-height: 100%;
    height: 100%;
    object-fit: cover;
}
.cattwo-article-container .fa-img-wrapper a {
    width: 150px;
    height: 120px;
    display: block;
}
.article-category-filter {
    margin-bottom: 47px;
}
.tabs button {
    font-family: 'Ruda';
    font-size: 14px;
    font-weight: 700;
    line-height: 22.29px;
    text-align: center;
    padding-bottom: 7.71px !important;
    padding-top: 10px !important;
}
.tabs button.active{
    font-weight: 700;
    
}
.right-content .catone-article-container{
    gap: 20px;
}
.header-new .show-search-btn, .header-new .elementor-menu-cart--cart-type-mini-cart, .header-new .header-menu {
    display: none;
}
.elementor-widget-woocommerce-product-content u {
    font-family: 'Ruda';
}
.fa-img-wrapper:hover .img-overlay {
    opacity: 1;
}
.fa-wrapper:hover .read-btn a{
    background: rgba(0, 85, 165, 1);
}
.featured-article-container .fa-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-image: var(--background-image, none); /* Set background image dynamically */
    background-size: cover;
    background-position: center;
}
.featured-article-container .slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7); /* White overlay with transparency */
    z-index: 2; /* Place it above the background */
}
.featured-article-container .fa-img-wrapper img {
    position: relative;
    z-index: 9; /* On top of the overlay */
    /* width: auto;
    height: 100%; */
    max-height: 100%;
    object-fit: contain; /* Maintain the aspect ratio of the image */
    object-position: center center;
    margin: 0 auto;
}
.featured-article-container .fa-title {
    left: 0;
    z-index: 5;
}
.home-page-main-banner .fa-img-wrapper {
    height: 100% !important;
    flex-direction: column;
    flex: 1;
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
/*Categories page*/
.cat-slug h1 {
    margin: 0;
    /* color: rgba(0, 85, 165, 1); */
}
.category-archive .catone-article-container .fa-img-wrapper a {
    height: 262px;
    overflow: hidden;
    display: block;
    min-height: 262px;
}
.category-archive .cattwo-article-container .fa-img-wrapper a,.ahv-search-container .cattwo-article-container .fa-img-wrapper a {
    width: 100%;
    height: 120px;
    display: block;
}
.category-archive .cattwo-article-container .fa-img-wrapper {
    width: 22%;
    min-width: 120px;
}
.elementor-menu-cart__product .variation {
    flex-direction: column;
    display: flex;
}
.page-content .fa-title a {
    text-decoration: none;
}

#lid_no_field .info-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-image: url('../images/info_64.png');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-top: -2px;
}
/* Style the info icon */
.info-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16"%3E%3Cpath d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 1a6 6 0 1 1 0 12A6 6 0 0 1 8 2z"/%3E%3Cpath d="M8.93 6.588L8 5.94l-.89.639c-.45.32-.684.876-.55 1.463.12.537.596.959 1.12.959h.006c.45 0 .927-.354 1.036-.9a1.287 1.287 0 0 0-.036-.51 1.978 1.978 0 0 0-.752-.713zm-.862-3.072a.905.905 0 1 1 1.808 0 .905.905 0 0 1-1.808 0z"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}
#lid_no_field .optional {
    display: none;
}
.info-icon {
    position: relative; /* Required for positioning the tooltip */
    cursor: pointer; /* Change cursor to pointer for better UX */
}

.info-icon:hover::after {
    opacity: 1;
    visibility: visible;
}

.info-icon:hover::before {
    opacity: 1;
    visibility: visible;
}
.info-icon::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 0;
    bottom: 144%;
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 10;
    pointer-events: none;
    min-width: 246px;
    padding: 10px;
}
.info-icon::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    /* transform: translateY(-50%); */
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 10;
    pointer-events: none;
    content: "";
    position: absolute;
    top: -45%;
    left: 100%;
    margin-left: -10px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.home-page-main-banner .slick-prev,.home-page-main-banner .slick-next {
    position: absolute;
    top: calc(50% - var(--fa-title-offset));
    margin-top: -5px !important;
    transform: translateY(calc(-50% - var(--fa-title-offset)));
}
/* Show tooltip on hover */
.info-icon:hover::after,
.info-icon:hover::before {
    opacity: 1;
    visibility: visible;
}
/* Container with fixed height */
.home-page-main-banner .fa-wrapper a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .elementor-toc__header .elementor-toc__toggle-button--collapse,.elementor-toc__header .elementor-toc__toggle-button--expand{
        display: none;
    }
    .left-sidebar .elementor-toc__body{
        display: block !important;
    }
}
@media (max-width: 991px) {
    .header-cus .header-new .site-logo img {
        height: 60px;
        width: auto;
        transition: height 0.3s ease;
    }
    .header-cus .user-menu {
        align-self: center;
        transition: margin-top 0.3s ease;
    }
    .catone-article-container .fa-wrapper {
        width: calc(50% - 20px * 2 / 4);
    }
    .home-page-main-banner .fa-title h2 {
        font-size: 18px;
    }
    .featured-article-container .fa-title {
        padding: 12px 14px;
    }
    .article-category-container .category-container {
        padding: 10px 25px;
    }
    .cattwo-article-container .fa-img-wrapper a {
        width: 100%;
    }
    .left-column img {
        width: 100%;
        height: 70px;
        object-fit: cover;
    }
    .left-content-wrapper {
        width: 65.509%;
    }
    .main-wrapper .category-latest-article {
        width: 32.59%;
    }
    .header-new .show-search-btn, .header-new .elementor-menu-cart--cart-type-mini-cart, .header-new .header-menu {
        display: none;
    }
    .home-page-main-banner .slick-prev,.home-page-main-banner .slick-next {
        position: absolute;
        top: calc(50% - var(--fa-title-offset));
        margin-top: 0px !important;
        transform: translateY(calc(-50% - var(--fa-title-offset)));
    }
}
@media (max-width: 768px) {
    .header-new .show-search-btn, .header-new .elementor-menu-cart--cart-type-mini-cart, .header-new .header-menu {
        display: block !important;
    }
    .ahv-login-menu.usermenu a span {
        display: none;
    }
    .ahv-login-menu.usermenu .ahv-user-account img{
        margin-right: 0;
    }
    .ahv-login-menu.usermenu {
        padding: 6px 6px 6px 6px !important;
    }
    .elementor-menu-cart__toggle_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .header-cus .header-new .elementor-menu-cart__toggle_button {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 6px 6px 6px;
    }
    
    .elementor-button-icon {
        display: flex; 
        align-items: center;
        justify-content: center;
    }
    
    .elementor-button-icon-qty {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a {
        font-size: 16px;
    }
    
}
@media (min-width: 768px) and (max-width: 1024px) {
   
    .show-search-btn .elementor-icon-wrapper {
        text-align: center;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .inner.category-latest-article {
        width: 27%;
    }
    .left-sidebar{width: 27%;}
    .inner.category-latest-article .tab-content.active{
        margin-bottom: 0;
    }
    .elementor-toc__header .elementor-toc__toggle-button--collapse,.elementor-toc__header .elementor-toc__toggle-button--expand{
        display: none;
    }
    .left-sidebar .elementor-toc__body{
        display: block !important;
    }
}
@media (max-width:767px) {
    .mobile-menu {
        order: 2;
    }
    .catone-article-container .fa-img-wrapper a {
      
        min-height: auto;
    }
    .elementor-nav-menu .elementor-item-active .sub-arrow .e-font-icon-svg {
        height: 1em;
        width: 1em;
        fill: #fff;
    }
    .header-cus .header-new .site-logo img{
        height: 40px; /* Initial image height */
        width: auto; /* Maintain aspect ratio */
      
    }
    .elementor-9 .elementor-element.elementor-element-7697170.elementor-element {
        order: unset !important;
    }
    .header-cus .e-con .elementor-element .elementor-widget {
        min-width: auto;
    }
    .header-cus.elementor-sticky--effects .header-new .site-logo img {
        height: 40px; /* Shrunk height on scroll */
        width: auto; /* Maintain aspect ratio */
        transition: height 0.3s ease; /* Smooth height transition */
    }
    .header-new .header-menu nav .elementor-nav-menu li:first-child{
        padding-top: 10.5px;
    }
    .header-new .header-menu nav .elementor-nav-menu li:last-child{
        padding-bottom: 7.5px;
    }
    
    .header-new .header-menu nav .elementor-nav-menu  li:first-child a{
        line-height: 19px;
    }
    .show-search-btn .elementor-icon-wrapper {
        text-align: center;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .header-new .login-btn {
      
        width: auto;
        padding: 0 10px;
        font-size: 14px;
    }
    #elementor-menu-cart__toggle_button .elementor-button-icon{
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .cattwo-article-container .fa-img-wrapper {
        width: 24%;
    }
    .cattwo-article-container .category-content {
        width: 76%;
    }
    .left-content-wrapper {
        width: 62%;
    }
    .main-wrapper .category-latest-article {
        width: 38%;
    }
    .right-content .tab {
        padding: 10px 5px;
    }
    .inner.category-latest-article {
        width: 100%;
        max-width: 430px;
    }
    .left-sidebar.fixed .ahv-table-list {
        transition: all 0.3s;
        z-index: 9;
        background: #fff;
        margin-top: 0;
    }
    .home-page-main-banner .slick-prev, .home-page-main-banner .slick-next {
        position: absolute;
        top: calc(50% - var(--fa-title-offset));
        margin-top: -2px !important;
    }
    .home-page-main-banner .slick-prev, .home-page-main-banner .slick-next {
        margin-top: 0px !important;
    }

}
@media (max-width:576px) {
    .ahv-search-title-text {
        flex-direction: row;
        width: 100%;
    }
    .ahv-login-menu.usermenu .ahv-user-account img{
        margin-right: 0;
    }
    .ahv-login-menu.usermenu a span{
        display: none;
    }
    .ahv-login-menu.usermenu {
        background: rgba(0, 85, 165, 1);
        padding: 6px 6px 6px 6px !important;
    }
    .catone-article-container .fa-wrapper {
        width: calc(50% - 20px * 2 / 4);
    }
    /*new home mobile*/
    .main-wrapper {
        flex-direction: column;
    }
    .left-content-wrapper {
        width:100%;
    }
    .main-wrapper .category-latest-article,  .inner.category-latest-article {
        width: 100%;
    }
    .article-category-container {
   
        padding-bottom: 20px;
    }
    #category-search-results .fa-img-wrapper {
        height: 160.28px;
    }
    .cattwo-article-container .fa-img-wrapper {
        width: 40%;
    }
    .cattwo-article-container .category-content {
        width: 60%;
        box-sizing: content-box;
        text-align: center;
        align-items: initial;
    }
    .cattwo-article-container .fa-img-wrapper a {
        height: 100%;
        display: block;
    }
    .article-category-filter {
        margin-bottom: 0px;
    }
    .rectangle-carousel {
        margin-top: 20px;
    }
    .category-archive .catone-article-container .fa-img-wrapper a {
        height: 150px;
        min-height: 150px;
    }
    .header-cus .elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container {
        left: -26px !important;
    }
    .info-icon::after {
        transform: translatex(-50%);
    }
    
}

#user-registration p.user-registration-LostPassword.lost_password.custom-style-forgetpassowrd a {
	color: #0544a4; font-weight: 500; border-bottom: 1px solid #0544a4; cursor: pointer;
}
#visplanner_choice_field label span.infor_expa {
    display: block;
    padding-top: 20px;
}

#visplanner_choice_field abbr.required {
	opacity: 0;
}

#visplanner_choice_field abbr.required.header-first,#visplanner_choice_field abbr.required.header-secound {
	opacity: 1;
}
/* Ensure the radio buttons and labels align properly */
.woocommerce-input-wrapper {
    display: block; /* Keep the wrapper as a block */
    margin-bottom: 15px; /* Add spacing between groups of radio inputs */
}

/* Style for radio input */
.woocommerce-input-wrapper input[type="radio"] {
    
    width: 18px;
    height: 18px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-right: 10px; /* Space between the radio button and the label */
    position: relative;
    vertical-align: middle; /* Align the radio button with the label */
    cursor: pointer;
    outline: none;
	float: left;
	margin-top: 5px;
}

#bank_account_field {
    display: none;
}


.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link {
    background-color: inherit;
    color: transparent;
}

p.custom-qty-text {
    display: block;
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    position: absolute;
    left: 0%;
    top: 50px;
}
.position-relateive {
    position: relative !important;
}

p.custom-qty-text.position-relateive.product-text-4520, p.custom-qty-text.product-text-728 {
    position: relative;
    top: 0;
    left: 0% !important;
}

p.custom-qty-text.position-relateive.product-text-2107 {
    top:0% !important;
}

@media only screen and (max-width: 824px) {
    .woocommerce-checkout .elementor.elementor-9.elementor-location-header {
        display: none;
    }

    .woocommerce-checkout .elementor-31 .elementor-element.elementor-element-b2cfdb9 {
        display: none;
    }

    .woocommerce-checkout .e-contact-buttons__links-container {
        display: none;
    }
}

/* Style to hide order details initially */
.order-details {
    display: none;
    margin-top: 5px;
    padding: 10px;
    border: 1px solid #ddd;
    background: #f9f9f9;
}

.toggle-details {
    cursor: pointer;
    color: #0073aa;
    text-decoration: underline;
    display: inline-block;
    margin-top: 5px;
}

.toggle-details:hover {
    color: #005177;
}

/* Base styles for status badges */
.sp-status {
    display: inline-block;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    color: white;
    text-transform: uppercase;
}

/* Green background for completed & processing */
.sp-status-completed,
.sp-status-voltooid,
.sp-status-afgerond {
    background-color: #28a745; /* Green */
}

.sp-status-processing,
.sp-status-in-behandeling{
    background-color:rgb(68, 139, 84); /* Green */
}

/* Orange background for pending payment */
.sp-status-pending-payment,
.sp-status-wachtend-op-betaling {
    background-color: #ff9800; /* Orange */
}

/* Gray background for other statuses */
.sp-status-cancelled,
.sp-status-geannuleerd,
.sp-status-failed,
.sp-status-mislukt,
.sp-status-on-hold,
.sp-status-in-de-wacht,
.sp-status-refunded,
.sp-status-terugbetaald {
    background-color: #6c757d; /* Gray */
}

.sp-price {
    display: inline-block;
    padding: 6px 6px;
    margin-left: 1em;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    color: black;
    background-color: white;
    text-transform: uppercase;
}

.woocommerce-orders-table ul {
    list-style-type: none;
    text-align: left;
}

.li-order-item {
    margin-bottom: 1em;
    border-bottom: 1px dotted lightgray;
    padding-bottom: 0.5em;
}

.li-order-item:last-child {
    border: none;
}

.notice {
    padding: 12px 18px;
    margin: 0.5em;
    background-color: darkgreen;
    width: auto;
    display: inline-block;
    color: white;
}

.notice.notice-error {
    background-color: darkred;
}

@media screen and (max-width: 768px) {

    .user-preferences-cat-button {
        display: block;
        width: 80% !important;
    }

    .user-preferences-form form {
        text-align: center;
    }

    .ahv-user-logout {
        position: absolute !important;
        left: -130px !important;
        float: left;
    }

    .woocommerce-orders-table {
        width: 100%;
        border-collapse: collapse;
    }

    /* Hide table headers on mobile */
    .woocommerce-orders-table thead {
        display: none;
    }

    /* Make each row a block */
    .woocommerce-orders-table tbody tr {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 10px;
        background: #fff;
    }

    /* Make each cell a flexbox row */
    .woocommerce-orders-table tbody tr td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 10px;
        border-bottom: 1px solid #eee;
    }

    .woocommerce-orders-table tbody tr td:nth-child(1) {
        display: flex;
        flex-direction: column; /* Stack elements vertically */
        align-items: flex-start; /* Align elements to the left */
        padding: 8px 10px;
        border-bottom: 1px solid #eee;
    }

    .woocommerce-orders-table tbody tr td:nth-child(2) {
        justify-content: center;
    }

    /* Add labels before content using data attributes */
    .woocommerce-orders-table tbody tr td::before {
        content: attr(data-label);
        font-weight: bold;
        color: #333;
        text-transform: uppercase;
    }

    /* Ensure the last row item has no border */
    .woocommerce-orders-table tbody tr td:last-child {
        border-bottom: none;
    }

    /* Style the order details toggle */
    .toggle-details {
        display: block;
        background: #0073aa;
        color: #fff;
        padding: 5px 10px;
        text-align: center;
        border-radius: 4px;
        margin-top: 10px;
        cursor: pointer;
        font-size: 0.8em;
        text-decoration: none;
    }

    /* Group main row content */
    .order-summary {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    /* Style the order-details to take full width */
    .order-details {
        display: none;
        width: 100%;
        padding: 8px;
        background: #f9f9f9;
        border-radius: 5px;
        margin-top: 10px;
    }

    /* Show details when toggled */
    .order-details.active {
        display: block;
    }

    /* Style the order status */
    .sp-status {
        display: inline-block;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 14px;
        text-transform: capitalize;
    }

    /* Price style */
    .sp-price {
        font-weight: bold;
        font-size: 16px;
    }

    /* Button styling */
    .button {
        display: block;
        width: 100%;
        text-align: center;
        padding: 8px;
        font-size: 14px;
        border-radius: 4px;
        background: #0073aa;
        color: #fff;
        border: none;
        cursor: pointer;
    }

    .button:hover {
        background: #005a87;
    }
}