/* Panel del comprador */
.user-dashboard-page {
    background: #fff;
    color: #343b46;
}

.user-dashboard-page .page-section {
    padding-top: 24px;
}

.user-dashboard-page #myTab {
    position: relative;
    gap: 3px;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #e4e7ec;
}

.user-dashboard-page #myTab .nav-link {
    min-height: 42px;
    padding: 11px 16px;
    border: 0;
    border-radius: 7px 7px 0 0;
    color: #4d5663;
    font-size: 13px;
    font-weight: 500;
}

.user-dashboard-page #myTab .nav-link:hover {
    background: #fffbea;
    color: #7a6500;
}

.user-dashboard-page #myTab .nav-link.active {
    background: #fff;
    color: #1769e0;
    box-shadow: inset 0 -2px #1769e0;
}

.user-dashboard-page #dashboard > h4,
.user-dashboard-page #orders > h4,
.user-dashboard-page #address > h4,
.user-dashboard-page #profile > h4,
.user-dashboard-page #support > h4 {
    display: none;
}

.user-dashboard-page .tab-pane > .container,
.user-dashboard-page .tab-pane > .container-fluid {
    margin-top: 0 !important;
    padding: 28px 4px 10px;
}

.user-dashboard-page .tab-pane .card {
    overflow: hidden;
    border: 1px solid #eceef2 !important;
    border-radius: 10px;
    background: #fff !important;
    box-shadow: 0 10px 28px rgba(31, 41, 55, .075) !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.user-dashboard-page .tab-pane .card:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 34px rgba(31, 41, 55, .095) !important;
}

.user-dashboard-page .tab-pane .card-body {
    padding: 23px;
}

.user-dashboard-page .tab-pane > .container > .row:first-child .card,
.user-dashboard-page #address > .container > .row:first-child .card,
.user-dashboard-page #support > .container > .row:first-child .card {
    border-left: 4px solid #f0ca16 !important;
    background: linear-gradient(100deg, #fffdf3 0, #fff 58%) !important;
}

.user-dashboard-page .tab-pane > .container > .row:first-child .card-title,
.user-dashboard-page #address > .container > .row:first-child .card-title,
.user-dashboard-page #support > .container > .row:first-child .card-title {
    margin-bottom: 8px;
    color: #252b35;
    font-family: "Ready Player One", "Rubik", sans-serif;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 1.35;
}

.user-dashboard-page .tab-pane .card-title,
.user-dashboard-page .tab-pane .card h5 {
    color: #2b323d;
    font-size: 17px;
    font-weight: 700;
}

.user-dashboard-page .tab-pane .card-text,
.user-dashboard-page .tab-pane .card p,
.user-dashboard-page .tab-pane address {
    color: #69727f;
    line-height: 1.65;
}

.user-dashboard-page .tab-pane .form-label,
.user-dashboard-page .tab-pane label {
    margin-bottom: 6px;
    color: #48515d;
    font-size: 13px;
    font-weight: 500;
}

.user-dashboard-page .tab-pane .form-control,
.user-dashboard-page .tab-pane .form-select {
    min-height: 42px;
    border: 1px solid #dfe3e8;
    border-radius: 6px;
    background: #fff;
    color: #343b45;
    box-shadow: none;
}

.user-dashboard-page .tab-pane textarea.form-control {
    min-height: 88px;
}

.user-dashboard-page .tab-pane .form-control:focus,
.user-dashboard-page .tab-pane .form-select:focus {
    border-color: #d4b000;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(242, 201, 0, .14);
}

.user-dashboard-page input[type="checkbox"],
.user-dashboard-page input[type="radio"] {
    display: inline-block;
    width: 18px !important;
    min-width: 18px;
    height: 18px !important;
    min-height: 18px;
    margin: 0;
    padding: 0;
    border: 1px solid #b9c0c9;
    background: #fff;
    accent-color: #e1ba00;
    vertical-align: middle;
}

.user-dashboard-page .sg-check-control,
.user-dashboard-page .consent-form label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    cursor: pointer;
}

.user-dashboard-page .btn {
    min-height: 38px;
    padding: 8px 15px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
}

.user-dashboard-page .btn-primary {
    border-color: #176fe5;
    background: #176fe5;
}

.user-dashboard-page .btn-secondary {
    border-color: #68717d;
    background: #68717d;
}

.user-dashboard-page .table-content {
    border: 1px solid #edf0f3;
    border-radius: 8px;
}

.user-dashboard-page .table {
    margin-bottom: 0;
}

.user-dashboard-page .table thead th {
    border: 0;
    background: #f7f8fa;
    color: #515a67;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.user-dashboard-page .table tbody td {
    padding: 14px 10px;
    border-color: #edf0f3;
    color: #505966;
    vertical-align: middle;
}

.user-dashboard-page .badge {
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
}

.user-dashboard-page #profile-form + .row hr {
    margin: 20px 0;
}

.user-dashboard-page #delete-account-form .btn-danger {
    width: auto;
}

/* Checkout compacto */
.checkout-page .checkout-area {
    padding-top: 32px !important;
    padding-bottom: 38px !important;
    background: #fff;
}

.checkout-page .checkout-area > .container > .row > .col-12.mb-4 .card {
    border-left: 4px solid #f0ca16 !important;
    border-radius: 10px;
    background: linear-gradient(100deg, #fffdf3, #fff 62%) !important;
    box-shadow: 0 8px 24px rgba(31, 41, 55, .07) !important;
}

.checkout-page .checkout-area .card-title,
.checkout-page .checkbox-form h3,
.checkout-page .your-order > h3 {
    color: #272e38;
    font-family: "Ready Player One", "Rubik", sans-serif;
    font-weight: 400;
    letter-spacing: .025em;
}

.checkout-page .checkbox-form h3 {
    margin-bottom: 18px;
    padding-bottom: 10px;
    font-size: 21px;
}

.checkout-page .checkout-form-list {
    margin-bottom: 16px;
}

.checkout-page .checkout-form-list label,
.checkout-page .country-select label {
    margin-bottom: 5px;
    color: #4b5461;
    font-size: 13px;
    font-weight: 500;
}

.checkout-page .checkout-form-list input,
.checkout-page .checkout-form-list select,
.checkout-page .checkout-form-list textarea {
    border: 1px solid #dfe3e8;
    border-radius: 6px;
    background: #fff;
    color: #343b45;
}

.checkout-page .checkout-form-list input:focus,
.checkout-page .checkout-form-list select:focus,
.checkout-page .checkout-form-list textarea:focus {
    border: 1px solid #d2ae00;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(242, 201, 0, .13);
}

.checkout-page .order-notes textarea {
    height: 88px;
    padding: 12px 14px;
}

.checkout-page .your-order {
    padding: 24px 26px 27px;
    border: 1px solid #e9ebef;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(31, 41, 55, .09);
}

.checkout-page .your-order > h3 {
    margin-bottom: 10px;
    padding-bottom: 12px;
    font-size: 23px;
    text-transform: none;
}

.checkout-page .your-order-table table th,
.checkout-page .your-order-table table td {
    padding: 10px 5px;
    border-color: #e7e9ed;
    font-family: "Rubik", sans-serif;
    font-size: 12px;
}

.checkout-page .payment-method {
    margin-top: 17px;
}

.checkout-page .payment-accordion .card {
    margin: 0;
    border: 0;
    border-top: 1px solid #e6e8ec;
    border-radius: 0;
    background: #fff;
}

.checkout-page .payment-accordion .card-header {
    background: #fff;
}

.checkout-page .payment-accordion h5.panel-title {
    margin: 0;
    font-size: 15px;
}

.checkout-page .payment-accordion h5.panel-title > a {
    display: block;
    padding: 12px 3px;
    color: #353d48;
}

.checkout-page .payment-accordion h5.panel-title > a[aria-expanded="true"] {
    color: #8a7100;
}

.checkout-page .payment-accordion .card-body {
    padding: 0 3px 14px;
}

.checkout-page .payment-accordion .card-body > p {
    margin: 0 0 10px;
    color: #65707d;
    font-size: 12px;
    line-height: 1.65;
}

.checkout-page input[type="checkbox"],
.checkout-page input[type="radio"] {
    display: inline-block;
    width: 18px !important;
    min-width: 18px;
    height: 18px !important;
    min-height: 18px;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #aeb6c0;
    background: #fff;
    accent-color: #d7b100;
    vertical-align: middle;
}

.checkout-page .checkout-payment-choice,
.checkout-page .checkout-terms-control {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 0;
    color: #4d5663;
    font-size: 12px;
    line-height: 1.5;
    cursor: pointer;
}

.checkout-page .checkout-payment-choice {
    display: inline-flex;
    align-items: center;
    padding: 8px 11px;
    border: 1px solid #e1e4e8;
    border-radius: 6px;
    background: #f8f9fa;
}

.checkout-page #shipping-policy-notice {
    margin-top: 15px !important;
    margin-bottom: 14px;
    padding: 11px 13px;
    border: 1px solid #dbe8f4;
    border-radius: 7px;
    font-size: 11px;
    line-height: 1.55;
}

.checkout-page .checkout-terms-control {
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    background: #f8f9fa;
}

.checkout-page .checkout-terms-control input {
    margin-top: 1px !important;
}

.checkout-page .order-button-payment input[type="button"] {
    width: 100%;
    height: 46px;
    margin: 15px 0 0;
    border: 0;
    border-radius: 6px;
    background: #343a43;
    color: #fff;
    font-family: "Ready Player One", "Rubik", sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .035em;
}

.checkout-page .order-button-payment input[type="button"]:hover {
    background: #f0ca16;
    color: #242424;
}

.checkout-page .coupon-accordion h3 {
    border-radius: 7px;
    font-size: 13px;
}

@media (max-width: 991px) {
    .checkout-page .your-order {
        margin-top: 24px;
    }
}

@media (max-width: 767px) {
    .user-dashboard-page #myTab {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .user-dashboard-page #myTab .nav-link {
        white-space: nowrap;
    }

    .user-dashboard-page .tab-pane > .container,
    .user-dashboard-page .tab-pane > .container-fluid {
        padding-top: 20px;
    }

    .user-dashboard-page .tab-pane .card-body,
    .checkout-page .your-order {
        padding: 19px;
    }

    .checkout-page .checkout-area {
        padding-top: 22px !important;
    }
}