.elementor-169 .elementor-element.elementor-element-647b0da{--display:flex;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-1839894 *//**
 * Custom My Account CSS - Shortcode Based
 * Design: INR Academy style
 */

/* ============================================
   CSS VARIABLES
   ============================================ */
:root {
    --inr-bg: #F5F3EE;
    --inr-text: #2D2D2D;
    --inr-text-light: #6B6B6B;
    --inr-text-muted: #9B9B9B;
    --inr-primary: #3D4A3D;
    --inr-primary-hover: #2F3A2F;
    --inr-primary-light: rgba(61, 74, 61, 0.08);
    --inr-border: #DDD9D2;
    --inr-white: #FFFFFF;
    --inr-error: #C53030;
    --inr-success: #38A169;
    --inr-warning: #D69E2E;
    --inr-radius: 10px;
    --inr-radius-lg: 12px;
    --inr-transition: all 0.2s ease;
}

/* ============================================
   MAIN LAYOUT
   ============================================ */
.inr-account {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 48px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

@media (max-width: 991px) {
    .inr-account {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

/* ============================================
   NAVIGATION
   ============================================ */
.inr-account__nav {
    position: sticky;
    top: 40px;
    height: fit-content;
}

.inr-account__menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.inr-account__menu-item {
    margin: 0;
    padding: 0;
}

.inr-account__menu-item a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    font-size: 15px;
    font-weight: 400;
    color: var(--inr-text-light);
    text-decoration: none;
    border-radius: var(--inr-radius);
    transition: var(--inr-transition);
}

.inr-account__menu-item a:hover {
    background: var(--inr-primary-light);
    color: var(--inr-text);
}

.inr-account__menu-item--active a {
    background: var(--inr-primary);
    color: var(--inr-white);
    font-weight: 500;
}

/* Nav icons */
.inr-account__menu-item a::before {
    content: '';
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.7;
    flex-shrink: 0;
}

.inr-account__menu-item--active a::before {
    opacity: 1;
    filter: brightness(0) invert(1);
}

.inr-account__menu-item--dashboard a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E");
}

.inr-account__menu-item--orders a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
}

.inr-account__menu-item--berichten a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
}

.inr-account__menu-item--edit-address a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

.inr-account__menu-item--edit-account a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.inr-account__menu-item--customer-logout a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");
}

.inr-account__menu-item--customer-logout {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--inr-border);
}

.inr-account__menu-item--customer-logout a {
    color: var(--inr-text-muted);
}

.inr-account__menu-item--customer-logout a:hover {
    color: var(--inr-error);
    background: rgba(197, 48, 48, 0.08);
}

/* Mobile nav */
@media (max-width: 991px) {
    .inr-account__nav {
        position: static;
    }
    
    .inr-account__menu {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .inr-account__menu-item a {
        padding: 10px 14px;
        font-size: 14px;
    }
    
    .inr-account__menu-item--customer-logout {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
}

/* ============================================
   CONTENT AREA
   ============================================ */
.inr-account__content {
    min-width: 0;
}

/* ============================================
   SECTION HEADERS
   ============================================ */
.inr-section-header {
    margin-bottom: 32px;
}

.inr-section-title {
    font-size: 28px;
    font-weight: 600;
    color: var(--inr-text);
    margin: 0 0 8px 0;
}

.inr-section-subtitle {
    font-size: 16px;
    color: var(--inr-text-light);
    margin: 0;
}

.inr-back-link {
    display: inline-block;
    margin-bottom: 16px;
    font-size: 14px;
    color: var(--inr-primary);
    text-decoration: none;
}

.inr-back-link:hover {
    text-decoration: underline;
}

/* ============================================
   DASHBOARD
   ============================================ */
.inr-dashboard__welcome {
    margin-bottom: 40px;
}

.inr-dashboard__greeting {
    font-size: 32px;
    font-weight: 600;
    color: var(--inr-text);
    margin: 0 0 8px 0;
}

.inr-dashboard__intro {
    font-size: 16px;
    color: var(--inr-text-light);
    margin: 0;
}

/* Dashboard cards */
.inr-dashboard__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 48px;
}

@media (max-width: 767px) {
    .inr-dashboard__cards {
        grid-template-columns: 1fr;
    }
}

.inr-dashboard-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
    background: transparent;
    border: 1px solid var(--inr-border);
    border-radius: var(--inr-radius-lg);
    text-decoration: none;
    transition: var(--inr-transition);
}

.inr-dashboard-card:hover {
    border-color: var(--inr-primary);
    background: var(--inr-primary-light);
}

.inr-dashboard-card__icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--inr-primary-light);
    border-radius: var(--inr-radius);
    color: var(--inr-primary);
}

.inr-dashboard-card__icon svg {
    width: 24px;
    height: 24px;
}

.inr-dashboard-card__content {
    flex: 1;
    min-width: 0;
}

.inr-dashboard-card__title {
    font-size: 16px;
    font-weight: 600;
    color: var(--inr-text);
    margin: 0 0 4px 0;
}

.inr-dashboard-card__text {
    font-size: 14px;
    color: var(--inr-text-muted);
    margin: 0;
}

.inr-dashboard-card__arrow {
    font-size: 18px;
    color: var(--inr-text-muted);
    transition: var(--inr-transition);
}

.inr-dashboard-card:hover .inr-dashboard-card__arrow {
    color: var(--inr-primary);
    transform: translateX(4px);
}

/* Dashboard sections */
.inr-dashboard__section {
    margin-bottom: 40px;
}

.inr-dashboard__section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.inr-dashboard__section-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--inr-text);
    margin: 0;
}

.inr-dashboard__section-link {
    font-size: 14px;
    color: var(--inr-primary);
    text-decoration: none;
}

.inr-dashboard__section-link:hover {
    text-decoration: underline;
}

/* ============================================
   ORDERS LIST
   ============================================ */
.inr-orders-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.inr-order-item {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    align-items: center;
    gap: 20px;
    padding: 20px 24px;
    border: 1px solid var(--inr-border);
    border-radius: var(--inr-radius);
}

@media (max-width: 767px) {
    .inr-order-item {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

.inr-order-item__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.inr-order-item__name {
    font-size: 15px;
    font-weight: 500;
    color: var(--inr-text);
}

.inr-order-item__meta {
    font-size: 13px;
    color: var(--inr-text-muted);
}

.inr-order-item__total {
    font-size: 15px;
    font-weight: 600;
    color: var(--inr-text);
}

.inr-order-item__actions {
    display: flex;
    gap: 8px;
}

/* Status badges */
.inr-status {
    display: inline-block;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 20px;
    text-transform: capitalize;
}

.inr-status--pending,
.inr-status--on-hold {
    background: rgba(214, 158, 46, 0.1);
    color: var(--inr-warning);
}

.inr-status--processing {
    background: rgba(59, 130, 246, 0.1);
    color: #3B82F6;
}

.inr-status--completed {
    background: rgba(56, 161, 105, 0.1);
    color: var(--inr-success);
}

.inr-status--cancelled,
.inr-status--refunded,
.inr-status--failed {
    background: rgba(197, 48, 48, 0.1);
    color: var(--inr-error);
}

/* ============================================
   BUTTONS
   ============================================ */
.inr-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
    transition: var(--inr-transition);
    border: none;
}

.inr-btn--outline {
    background: transparent;
    border: 1px solid var(--inr-border);
    color: var(--inr-text);
}

.inr-btn--outline:hover {
    border-color: var(--inr-primary);
    background: var(--inr-primary-light);
}

.inr-btn--primary {
    background: var(--inr-primary);
    color: var(--inr-white);
}

.inr-btn--primary:hover {
    background: var(--inr-primary-hover);
}

.inr-btn--large {
    padding: 16px 32px;
    font-size: 16px;
    border-radius: 60px;
}

/* ============================================
   VIEW ORDER
   ============================================ */
.inr-order-details {
    border: 1px solid var(--inr-border);
    border-radius: var(--inr-radius-lg);
    padding: 24px;
}

.inr-order-details__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--inr-border);
}

.inr-order-details__label {
    font-weight: 500;
    color: var(--inr-text);
}

.inr-order-items {
    margin-top: 24px;
}

.inr-order-items h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 16px 0;
}

.inr-order-items__item {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--inr-border);
}

.inr-order-items__name {
    color: var(--inr-text);
}

.inr-order-items__total {
    font-weight: 500;
}

.inr-order-totals {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 2px solid var(--inr-border);
}

.inr-order-totals__row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}

.inr-order-totals__row--total {
    font-size: 18px;
    font-weight: 600;
    padding-top: 16px;
    margin-top: 8px;
    border-top: 1px solid var(--inr-border);
}

.inr-order-actions {
    margin-top: 32px;
    text-align: center;
}

/* ============================================
   FORMS (Account details, Addresses)
   ============================================ */
.inr-edit-account form,
.inr-edit-address form,
.inr-addresses form {
    max-width: 600px;
}

.inr-account__content .form-row,
.inr-account__content .woocommerce-form-row {
    margin-bottom: 24px;
}

.inr-account__content label {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: var(--inr-text);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 10px;
}

.inr-account__content input[type="text"],
.inr-account__content input[type="email"],
.inr-account__content input[type="tel"],
.inr-account__content input[type="password"],
.inr-account__content select,
.inr-account__content textarea {
    width: 100%;
    padding: 16px 20px;
    font-size: 15px;
    color: var(--inr-text);
    background: transparent;
    border: 1px solid var(--inr-border);
    border-radius: var(--inr-radius);
    outline: none;
}

.inr-account__content input:focus,
.inr-account__content select:focus {
    border-color: var(--inr-primary);
    box-shadow: 0 0 0 3px rgba(61, 74, 61, 0.08);
}

.inr-account__content button[type="submit"],
.inr-account__content .woocommerce-Button {
    display: inline-flex;
    padding: 16px 32px;
    font-size: 15px;
    font-weight: 500;
    color: var(--inr-white);
    background: var(--inr-primary);
    border: none;
    border-radius: 60px;
    cursor: pointer;
    text-decoration: none;
}

.inr-account__content button[type="submit"]:hover,
.inr-account__content .woocommerce-Button:hover {
    background: var(--inr-primary-hover);
}

/* ============================================
   ADDRESSES GRID
   ============================================ */
.inr-addresses .woocommerce-Addresses,
.inr-addresses .u-columns {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
}

.inr-addresses .woocommerce-Addresses::before,
.inr-addresses .woocommerce-Addresses::after,
.inr-addresses .u-columns::before,
.inr-addresses .u-columns::after {
    display: none !important;
}

@media (max-width: 767px) {
    .inr-addresses .woocommerce-Addresses,
    .inr-addresses .u-columns {
        grid-template-columns: 1fr !important;
    }
}

.inr-addresses .woocommerce-Address,
.inr-addresses .u-column1,
.inr-addresses .u-column2,
.inr-addresses .col-1,
.inr-addresses .col-2 {
    width: 100% !important;
    float: none !important;
    padding: 24px !important;
    border: 1px solid var(--inr-border) !important;
    border-radius: var(--inr-radius-lg) !important;
    background: transparent !important;
    margin: 0 !important;
}

.inr-addresses .woocommerce-Address-title,
.inr-addresses header.title,
.inr-addresses .woocommerce-column__title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid var(--inr-border) !important;
}

.inr-addresses .woocommerce-Address-title h3,
.inr-addresses header.title h3,
.inr-addresses .woocommerce-column__title {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    color: var(--inr-text) !important;
}

.inr-addresses .woocommerce-Address-title .edit,
.inr-addresses header.title .edit,
.inr-addresses a.edit {
    font-size: 14px !important;
    color: var(--inr-primary) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.inr-addresses .woocommerce-Address-title .edit:hover,
.inr-addresses a.edit:hover {
    text-decoration: underline !important;
}

.inr-addresses .woocommerce-Address address,
.inr-addresses address {
    font-style: normal !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: var(--inr-text-light) !important;
}

/* Verberg de standaard WC tekst boven adressen */
.inr-addresses > p,
.inr-addresses .woocommerce-Addresses + p,
.inr-addresses p:first-of-type {
    display: none !important;
}

/* Zorg dat de section header WEL zichtbaar is */
.inr-addresses .inr-section-header,
.inr-addresses .inr-section-header p {
    display: block !important;
}

/* ============================================
   EMPTY STATE
   ============================================ */
.inr-empty-state {
    text-align: center;
    padding: 60px 20px;
}

.inr-empty-state__icon {
    color: var(--inr-text-muted);
    margin-bottom: 20px;
    opacity: 0.5;
}

.inr-empty-state__title {
    font-size: 18px;
    font-weight: 600;
    color: var(--inr-text);
    margin: 0 0 8px 0;
}

.inr-empty-state__text {
    font-size: 15px;
    color: var(--inr-text-muted);
    margin: 0;
}

/* ============================================
   BERICHTEN LIST (fallback)
   ============================================ */
.inr-berichten__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.inr-bericht {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 24px;
    border: 1px solid var(--inr-border);
    border-radius: var(--inr-radius);
    transition: var(--inr-transition);
}

.inr-bericht:hover {
    border-color: var(--inr-primary);
}

.inr-bericht__icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--inr-primary-light);
    border-radius: var(--inr-radius);
    color: var(--inr-primary);
}

.inr-bericht__content {
    flex: 1;
    min-width: 0;
}

.inr-bericht__title {
    font-size: 16px;
    font-weight: 600;
    color: var(--inr-text);
    margin: 0 0 8px 0;
}

.inr-bericht__excerpt {
    font-size: 14px;
    color: var(--inr-text-light);
    line-height: 1.5;
    margin: 0 0 8px 0;
}

.inr-bericht__date {
    font-size: 13px;
    color: var(--inr-text-muted);
}

/* ============================================
   NOTICES
   ============================================ */
.inr-account__content .woocommerce-message,
.inr-account__content .woocommerce-info,
.inr-account__content .woocommerce-error {
    padding: 16px 20px;
    margin-bottom: 24px;
    border-radius: var(--inr-radius);
}

.inr-account__content .woocommerce-message {
    background: rgba(56, 161, 105, 0.1);
    border-left: 4px solid var(--inr-success);
    color: var(--inr-success);
}

.inr-account__content .woocommerce-error {
    background: rgba(197, 48, 48, 0.1);
    border-left: 4px solid var(--inr-error);
    color: var(--inr-error);
}/* End custom CSS */