.elementor-4464 .elementor-element.elementor-element-5ca07c9{--display:flex;--min-height:600px;--padding-top:0px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-4464 .elementor-element.elementor-element-057d836{--display:flex;}.elementor-4464 .elementor-element.elementor-element-9fb3377{margin:30px 30px calc(var(--kit-widget-spacing, 0px) + 30px) 30px;text-align:center;}.elementor-4464 .elementor-element.elementor-element-9fb3377 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:40px;letter-spacing:1.6px;color:#FFFFFF;}.elementor-4464 .elementor-element.elementor-element-a71334d{text-align:center;font-family:"Manrope", Sans-serif;font-size:14px;color:#FFFFFFB3;}.elementor-4464 .elementor-element.elementor-element-067cccd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4464 .elementor-element.elementor-element-4bdc208{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4464 .elementor-element.elementor-element-4bdc208.elementor-element{--align-self:center;}.elementor-4464 .elementor-element.elementor-element-3638baf{--display:flex;--margin-top:030px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4464 .elementor-element.elementor-element-f929113.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4464 .elementor-element.elementor-element-f929113.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-4464 .elementor-element.elementor-element-a71334d{font-size:12px;}.elementor-4464 .elementor-element.elementor-element-f929113.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-4464 .elementor-element.elementor-element-4bdc208.elementor-element{--align-self:center;}.elementor-4464 .elementor-element.elementor-element-f929113.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-f929113 *//* ============================================================
   WOOCOMMERCE PRODUCT WIDGETS & GRID — ROYAL MOTORS STYLE
   ============================================================ */

/* 1. Card Container (Grid & Widget Lists) */
.woocommerce ul.products li.product,
.woocommerce .widget_products ul.product_list_widget li,
.woocommerce .widget_top_rated_products ul.product_list_widget li,
.woocommerce .widget_recently_viewed_products ul.product_list_widget li,
.woocommerce .widget_recent_reviews ul.product_list_widget li {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015)) !important;
    border: 1px solid rgba(168, 31, 47, 0.26) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22) !important;
    border-radius: var(--rm-radius, 15px) !important;
    padding: 15px !important;
    overflow: hidden !important;
    transition: all 0.2s ease-in-out !important;
    position: relative !important;
    backdrop-filter: blur(5px);
}

/* Hover Effect - Subtle Lift & Brightness */
.woocommerce ul.products li.product:hover,
.woocommerce .widget_products ul.product_list_widget li:hover,
.woocommerce .widget_top_rated_products ul.product_list_widget li:hover,
.woocommerce .widget_recently_viewed_products ul.product_list_widget li:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(168, 31, 47, 0.6) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35) !important;
    transform: translateY(-4px) !important;
}

/* 2. Product Images */
.woocommerce ul.products li.product img,
.woocommerce ul.product_list_widget li img {
    border-radius: 12px !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.02);
}

/* 3. Product Titles */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.product_list_widget li a span.product-title,
.woocommerce ul.product_list_widget li a {
    color: #FFFFFF !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title,
.woocommerce ul.product_list_widget li a:hover span.product-title {
    color: #A81F2F !important;
}

/* 4. Price Badges & Text (Ribbon Style Accent) */
.woocommerce ul.products li.product .price,
.woocommerce ul.product_list_widget li .amount,
.woocommerce ul.product_list_widget li ins {
    color: #FFFFFF !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

.woocommerce ul.products li.product .price del,
.woocommerce ul.product_list_widget li del .amount {
    color: rgba(255, 255, 255, 0.4) !important;
    font-weight: normal !important;
}

/* Sale Badge Tag */
.woocommerce span.onsale {
    background: #A81F2F !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    padding: 4px 10px !important;
    border-radius: 5px 0 0 5px !important;
    box-shadow: -2px 2px 5px rgba(0,0,0,0.3) !important;
    top: 10px !important;
    right: 0px !important;
    left: auto !important;
    min-height: auto !important;
    line-height: 1.2 !important;
}

/* 5. Buttons (Add to Cart / Select Options) */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
    background: rgba(0, 0, 0, 0.42) !important;
    border: 1px solid #A81F2F !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
    padding: 8px 16px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
    display: inline-block !important;
    margin-top: 10px !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .added_to_cart:hover {
    background: #A81F2F !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 15px rgba(168, 31, 47, 0.4) !important;
}

/* 6. Rating Stars */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
    color: #A81F2F !important;
}

/* 7. Sidebar Widget List Adjustments */
.woocommerce ul.product_list_widget li {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.woocommerce ul.product_list_widget li img {
    width: 60px !important;
    height: 60px !important;
    float: none !important;
    margin: 0 !important;
}
/* ============================================================
   WOOCOMMERCE PAGINATION — ROYAL MOTORS STYLE
   ============================================================ */

/* 1. Containerul principal de paginare */
.woocommerce nav.woocommerce-pagination {
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

.woocommerce nav.woocommerce-pagination ul {
    display: inline-flex !important;
    gap: 8px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* 2. Formatarea elementelor de listă */
.woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
    float: none !important;
    display: inline-block !important;
    overflow: hidden !important;
}

/* 3. Butoanele individuale (Numere, Săgeți Next / Prev) */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 12px !important;
    
    /* Design Glassmorphism */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015)) !important;
    border: 1px solid rgba(168, 31, 47, 0.26) !important;
    border-radius: var(--rm-radius, 10px) !important;
    
    color: #FFFFFF !important;
    font-weight: bold !important;
    font-size: 14px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    
    transition: all 0.2s ease-in-out !important;
}

/* 4. Efectul la Hover pe pagini neactive */
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #A81F2F !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(168, 31, 47, 0.25) !important;
}

/* 5. Pagina Curentă (Active Page) */
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #A81F2F !important;
    border-color: #A81F2F !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 15px rgba(168, 31, 47, 0.5) !important;
}

/* 6. Punctele de suspensie (...) */
.woocommerce nav.woocommerce-pagination ul li span.dots {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.5) !important;
}/* End custom CSS */