/* ============================================
   ⭐ Luen Premium Loyalty UI
   ============================================ */

/* Wrapper */


/* Title */
.ywpar-wrapper h2 {
    font-size: 30px;
    font-weight: 700;
    color: #2d1f1b;
    margin-bottom: 30px;
}

/* Summary badge redesign */
.ywpar_summary_badge {
    display: flex;
    align-items: center;
    gap: 30px;
    background: linear-gradient(135deg, #faf5f3, #f6efec);
    padding: 22px 28px;
    border-radius: 16px;
    border: 1px solid #efe3dd;
    margin-bottom: 35px;
}

.ywpar_entry_info_title {
    font-size: 18px;
    font-weight: 600;
    color: #8b6657;
    text-transform: uppercase;
    margin-right: 10px;
}

.points_collected {
    font-size: 48px;
    font-weight: 700;
    color: #c0482b;
}

/* Total collected small text */
.ywpar_total_collected_title {
    margin-left: auto;
    font-size: 15px;
    color: #7d6a63;
}

.ywpar_total_collected_title span {
    font-weight: 600;
    color: #b64e31;
}

/* LOYALTY BADGE BOX */
.luen-loyalty-badge {
    display: flex;
    align-items: center;
    gap: 30px;
    background: #fff;
    padding: 25px;
    border-radius: 16px;
    border: 1px solid #f0e2da;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    margin-bottom: 35px;
}

/* Circular progress */
.circle-progress {
    width: 120px;
    height: 120px;
    position: relative;
}

.circle-progress svg {
    width: 120px;
    height: 120px;
    transform: rotate(-90deg);
}

.circle-progress circle {
    fill: none;
    stroke-width: 10;
    stroke-linecap: round;
}

.circle-progress circle:first-child {
    stroke: #eee3de;
}

.circle-progress circle:last-child {
    stroke: #c0482b;
    stroke-dasharray: 339.292; /* 2πr */
    stroke-dashoffset: calc(339.292 - (var(--progress) * 339.292) / 100);
    transition: stroke-dashoffset 1.2s ease;
}

.circle-progress .progress-value {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 22px;
    color: #c0482b;
    font-weight: 700;
}

/* Loyalty text */
.luen-loyalty-badge .loyalty-text h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 3px;
    color: #2f1f1b;
}

.luen-loyalty-badge .loyalty-level {
    font-size: 28px;
    font-weight: 700;
    color: #c0482b;
    margin: 3px 0 8px;
}

.luen-loyalty-badge .next-level {
    font-size: 15px;
    color: #73625c;
}

/* Tabs */
.ywpar_tabs_links {
    padding: 12px 20px;
    border-radius: 10px 10px 0 0;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s ease;
}

.ywpar_tabs_links.active {
    background: #f8f3f1;
    color: #c0482b;
    border-bottom: 2px solid #c0482b;
}

/* Tab content */
.ywpar_tabcontent {
    background: #fffaf9;
    padding: 28px;
    border-radius: 14px;
    border: 1px solid #f2e6e1;
}

/* Error (no points) */
span.error.show {
    display: inline-block;
    margin-top: 10px;
    padding: 14px 18px;
    background: #ffe6e6;
    border-left: 4px solid #d84138;
    border-radius: 8px;
    color: #b63e36;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 768px) {

    .ywpar_summary_badge,
    .luen-loyalty-badge {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .ywpar_total_collected_title {
        margin-left: 0;
    }
}
/* ============================================================
   ⭐ LUEN STYLE — My Account Navigation Sidebar
   ============================================================ */

.woocommerce-MyAccount-navigation {
    background: #fff;
    border: 1px solid #f2e8e3;
    padding: 25px;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.05);
    margin-top: 50px;
    margin-bottom: 50px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: 8px;
}

.woocommerce-MyAccount-navigation li:last-child {
    margin-bottom: 0;
}

.woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: 12px 16px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    color: #5e4d45;
    background: #faf7f6;
    border-radius: 10px;
    transition: all 0.25s ease;
    border: 1px solid #f2e8e3;
}

/* Hover efekat */
.woocommerce-MyAccount-navigation-link a:hover {
    background: #f3e6e1;
    color: #b84f33;
    border-color: #e9d7d1;
}

/* Aktivan link */
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a[aria-current="page"] {
    background: #f8f1ee;
    color: #c0482b;
    font-weight: 600;
    border-color: #d8c2ba;
    box-shadow: inset 0 0 0 1px #d8c2ba;
}

/* Logout specijalni stil */
.woocommerce-MyAccount-navigation-link--customer-logout a {
    background: #fff3f2;
    color: #b43e33;
    border-color: #f1d6d4;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #ffe9e8;
    border-color: #e0bebc;
}

/* Responsivnost */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        padding: 18px;
        border-radius: 12px;
    }

    .woocommerce-MyAccount-navigation-link a {
        padding: 10px 14px;
        font-size: 14px;
    }
}



.woocommerce-MyAccount-content {
background: #fff;
  padding: 35px;
  border-radius: 18px;
  box-shadow: 0 6px 22px rgba(0,0,0,0.06);
  border: 1px solid #f3ebe7;
  margin-top: 50px;
  margin-bottom: 50px;
}