/*
Theme Name: Revilope Theme
Theme URI: https://revilope.com/
Description: A custom Hello Elementor child theme for Revilope.
Author: Revilope
Author URI: https://revilope.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: revilope-theme
*/

/*
 * Main theme styles are loaded from:
 * assets/css/revilope.css
 */

.zsplit-custom-header {
	width: 100%;
	position: relative;
	z-index: 999;
}

.zsplit-fallback-header {
	padding: 18px 24px;
	background: #ffffff;
	border-bottom: 1px solid #eeeeee;
}

.zsplit-fallback-header a {
	font-size: 24px;
	font-weight: 700;
	text-decoration: none;
	color: #111111;
}

.revilope-login-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.revilope-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    transition: 0.2s ease;
    white-space: nowrap;
}

/* Login and My Account */

.revilope-login-btn,
.revilope-account-btn {
    background: #6254E8;
    color: #ffffff !important;
}

.revilope-login-btn:hover,
.revilope-account-btn:hover {
    background: #493BBE;
    color: #ffffff !important;
}

/* Dashboard */

.revilope-dashboard-btn {
    background: #192033;
    color: #ffffff !important;
}

.revilope-dashboard-btn:hover {
    background: #2A3450;
    color: #ffffff !important;
}

/* Logout */

.revilope-logout-btn {
    background: #F1EFFF;
    color: #192033 !important;
    border: 1px solid #D9D5FF;
}

.revilope-logout-btn:hover {
    background: #E4E0FF;
    color: #493BBE !important;
    border-color: #C9C2FF;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link.dashicons-cart {
    font-size: 22px !important;
}

/* zSplit My Account Page Wrapper */
body.logged-in.woocommerce-account .woocommerce
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    gap: 28px;
    align-items: flex-start;
}

/* Left account navigation */
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 280px;
    flex: 0 0 280px;
    background: #ffffff;
    border: 1px solid #dce8df;
    border-radius: 20px;
    padding: 18px;
    box-shadow: 0 12px 35px rgba(13, 30, 58, 0.06);
}

/* Remove default list styling */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Menu spacing */
.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin-bottom: 8px;
}

/* Menu links */
.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: flex;
    align-items: center;
    padding: 13px 15px;
    border-radius: 12px;
    color: #24382d !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    transition: 0.2s ease;
}

/* Hover state */
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    background: #f0fbf5;
    color: #20AA70 !important;
}

/* Active item */
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    background: #26C281;
    color: #ffffff !important;
}

/* Right content card */
body.logged-in.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1;
    background: #ffffff;
    border: 1px solid #dce8df;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 12px 35px rgba(13, 30, 58, 0.06);
    color: #24382d;
}

/* Content headings */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content legend {
    color: #0d1e3a;
    font-weight: 800;
}

/* Forms */
.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-account .woocommerce form .form-row textarea,
.woocommerce-account .woocommerce form .form-row select {
    border: 1px solid #dce8df;
    border-radius: 12px;
    padding: 12px 14px;
    min-height: 46px;
}

/* Buttons */
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce input.button {
    background: #26C281;
    color: #ffffff !important;
    border-radius: 999px;
    padding: 12px 20px;
    font-weight: 800;
    border: none;
}

.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce input.button:hover {
    background: #20AA70;
    color: #ffffff !important;
}

/* Tables */
.woocommerce-account .woocommerce table.shop_table {
    border: 1px solid #dce8df;
    border-radius: 16px;
    overflow: hidden;
}

.woocommerce-account .woocommerce table.shop_table th {
    background: #f6fbf8;
    color: #0d1e3a;
    font-weight: 800;
}

/* Mobile */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        display: block;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        margin-bottom: 22px;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 24px 18px;
    }
}

/* zSplit Plan Product Page Cleanup */
.single-product.postid-131 div.product div.summary {
    float: none !important;
    width: 100% !important;
    max-width: 760px;
    margin: 40px auto 70px auto !important;
}

.single-product.postid-131 div.product div.images,
.single-product.postid-131 .woocommerce-product-gallery {
    display: none !important;
}

.single-product.postid-131 div.product {
    max-width: 1180px;
    margin: 0 auto;
}

.single-product.postid-131 div.product form.cart .variations td.label { text-align: center; }

.zsplit-footer li.mega-menu-item { display: block !important; }

.e-n-tabs-content ol, .e-n-tabs-content ul, .about-section ol, .about-section ul { margin-block-end: .9rem; }

/* zSplit pricing table layout */
.elementor-widget-eael-pricing-table {
  display: flex !important;
}

.eael-pricing {
  display: flex !important;
  align-items: stretch !important;
}

.eael-pricing-item {
  display: flex !important;
  flex-direction: column !important;
}

.eael-pricing-item .footer {
  margin-top: auto; !important;
}