/* =========================================================
   YLASORE ACCOUNT FLOW v0.4.0
   FULL-VIEWPORT ACCOUNT EXPERIENCE
========================================================= */

.ylaf-stage {
    width: 100vw;
    min-height: 100vh;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    padding: 18px 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        radial-gradient(
            circle at 78% 18%,
            rgba(24,214,232,.10),
            transparent 27%
        ),
        radial-gradient(
            circle at 12% 84%,
            rgba(11,143,166,.07),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #eef5f7 0%,
            #f8fbfc 48%,
            #eef6f8 100%
        );

    font-family: "Montserrat", sans-serif;

    box-sizing: border-box;
}

.ylaf-stage *,
.ylaf-stage *::before,
.ylaf-stage *::after {
    box-sizing: border-box;
}

.ylaf-page {
    width: 100%;
    max-width: 1260px;
    min-height: 560px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: .92fr 1.08fr;

    background: #ffffff;

    border: 1px solid rgba(8,34,48,.10);
    border-radius: 13px;

    overflow: hidden;

    box-shadow:
        0 24px 60px rgba(6,23,36,.14);
}


/* =========================================================
   LEFT BRAND PANEL
========================================================= */

.ylaf-brand-panel {
    position: relative;

    padding: 38px 42px;

    color: #ffffff;

    background:
        radial-gradient(
            circle at 18% 13%,
            rgba(24,214,232,.13),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #061521 0%,
            #02070d 100%
        );

    overflow: hidden;
}

.ylaf-brand-panel::after {
    content: "";

    position: absolute;

    right: -85px;
    bottom: -105px;

    width: 280px;
    height: 280px;

    border-radius: 50%;

    border: 1px solid rgba(24,214,232,.04);

    box-shadow:
        0 0 0 38px rgba(24,214,232,.010),
        0 0 0 78px rgba(24,214,232,.006);

    opacity: .75;
}

.ylaf-brand-inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 430px;
}

.ylaf-brand-kicker,
.ylaf-kicker {
    color: #18d6e8;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.ylaf-brand-panel h1 {
    margin: 10px 0 0;

    color: #ffffff;

    font-size: 39px;
    font-weight: 600;

    line-height: 1.07;

    letter-spacing: -1px;
}

.ylaf-brand-lead {
    margin: 16px 0 0;

    color: #c8d4da;

    font-size: 14px;

    line-height: 1.65;
}


/* BENEFITS */

.ylaf-benefits {
    display: grid;

    gap: 0;

    margin-top: 24px;
}

.ylaf-benefit {
    display: grid;

    grid-template-columns: 42px 1fr;

    gap: 13px;

    align-items: center;

    min-height: 78px;

    padding: 12px 0;

    border-top: 1px solid rgba(255,255,255,.075);
}

.ylaf-benefit:first-child {
    border-top: none;
}

.ylaf-benefit-icon {
    width: 40px;
    height: 40px;

    border-radius: 50%;

    background: rgba(24,214,232,.10);

    color: #18d6e8;

    display: flex;
    align-items: center;
    justify-content: center;
}

.ylaf-benefit-icon svg {
    width: 21px;
    height: 21px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.ylaf-benefit strong {
    display: block;

    color: #ffffff;

    font-size: 13px;
    font-weight: 600;
}

.ylaf-benefit span {
    display: block;

    margin-top: 3px;

    color: #aebec6;

    font-size: 11px;

    line-height: 1.45;
}

.ylaf-brand-foot {
    margin-top: 18px;

    color: #18d6e8;

    font-size: 11px;
    font-weight: 600;
}


/* =========================================================
   RIGHT FORM PANEL
========================================================= */

.ylaf-form-panel {
    padding: 34px 44px;

    display: flex;
    align-items: center;

    background:
        radial-gradient(
            circle at bottom left,
            rgba(24,214,232,.045),
            transparent 30%
        ),
        #ffffff;
}

.ylaf-form-inner {
    width: 100%;
    max-width: 520px;

    margin: 0 auto;
}

.ylaf-form-inner > h2,
.ylaf-reset-panel h2,
.ylaf-account-ready h2 {
    margin: 7px 0 0;

    color: #101820;

    font-size: 30px;
    font-weight: 600;

    line-height: 1.17;

    letter-spacing: -.55px;
}

.ylaf-intro,
.ylaf-account-ready > p {
    margin: 8px 0 0;

    color: #68767f;

    font-size: 13px;

    line-height: 1.55;
}


/* =========================================================
   ALERTS + PLAN
========================================================= */

.ylaf-alert {
    margin: 14px 0 0;

    padding: 11px 13px;

    border-radius: 7px;

    font-size: 12px;

    line-height: 1.45;
}

.ylaf-alert-error {
    background: #fff3f3;

    border: 1px solid #efcaca;

    color: #8b2b2b;
}

.ylaf-alert-success {
    background: #effafb;

    border: 1px solid #bfeaf0;

    color: #087f96;
}

.ylaf-plan-note,
.ylaf-selected-plan {
    margin: 16px 0 0;

    padding: 11px 14px;

    border: 1px solid #dce7eb;
    border-radius: 7px;

    background: #f6fafb;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;
}

.ylaf-selected-plan-rich > div {
    display: grid;

    gap: 2px;
}

.ylaf-plan-note span,
.ylaf-selected-plan span {
    color: #65747d;

    font-size: 11px;
}

.ylaf-selected-plan-rich strong {
    color: #101820;

    font-size: 13px;
    font-weight: 600;
}

.ylaf-selected-plan-rich small {
    color: #7a878e;

    font-size: 9px;

    line-height: 1.35;
}

.ylaf-selected-plan-rich b {
    color: #0aa9be;

    font-size: 17px;
    font-weight: 700;

    white-space: nowrap;
}


/* =========================================================
   TABS
========================================================= */

.ylaf-tabs {
    display: grid;

    grid-template-columns: 1fr 1fr;

    margin-top: 18px;

    border-bottom: 1px solid #dfe7ea;
}

button.ylaf-tab,
button.ylaf-tab:hover,
button.ylaf-tab:focus,
button.ylaf-tab:active {
    min-height: 43px !important;

    padding: 0 8px !important;

    border: none !important;
    border-bottom: 2px solid transparent !important;

    border-radius: 0 !important;

    background: transparent !important;

    color: #697880 !important;

    font-family: inherit !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    box-shadow: none !important;

    cursor: pointer !important;
}

button.ylaf-tab.is-active {
    color: #078fa4 !important;

    border-bottom-color: #18d6e8 !important;
}

.ylaf-panel {
    display: none;
}

.ylaf-panel.is-active {
    display: block;
}


/* =========================================================
   FORMS
========================================================= */

.ylaf-form {
    display: grid;

    gap: 11px;

    margin-top: 17px;
}

.ylaf-form label {
    display: grid;

    gap: 5px;
}

.ylaf-form label > span {
    color: #263943;

    font-size: 11px;
    font-weight: 600;
}

.ylaf-form input[type="text"],
.ylaf-form input[type="email"],
.ylaf-form input[type="password"] {
    width: 100%;
    min-height: 46px;

    padding: 0 13px;

    border: 1px solid #d7e2e7;
    border-radius: 5px;

    background: #ffffff;

    color: #14232d;

    font-family: inherit;

    font-size: 13px;

    outline: none;
}

.ylaf-form input:focus {
    border-color: #18d6e8;

    box-shadow:
        0 0 0 3px rgba(24,214,232,.10);
}

.ylaf-two {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px;
}

.ylaf-login-row {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 14px;

    min-height: 26px;
}

.ylaf-check {
    display: flex !important;

    align-items: center;

    gap: 7px !important;
}

.ylaf-check input {
    width: 15px;
    height: 15px;
}

.ylaf-check span {
    font-size: 11px !important;
}

.ylaf-forgot {
    color: #078fa4 !important;

    font-size: 11px;

    text-decoration: none !important;
}


/* =========================================================
   BUTTONS
========================================================= */

.ylaf-btn,
button.ylaf-btn,
a.ylaf-btn {
    min-height: 47px !important;

    padding: 0 17px !important;

    border-radius: 5px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    text-decoration: none !important;

    font-family: inherit !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    cursor: pointer !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;

    box-shadow: none !important;
}

.ylaf-btn-primary,
button.ylaf-btn-primary,
a.ylaf-btn-primary {
    border: 1px solid #18d6e8 !important;

    background: #18d6e8 !important;

    color: #041019 !important;
}

.ylaf-btn-primary:hover {
    background: #0daec0 !important;

    border-color: #0daec0 !important;

    transform: translateY(-2px);

    box-shadow:
        0 9px 22px rgba(24,214,232,.18) !important;
}

.ylaf-btn-secondary,
a.ylaf-btn-secondary {
    border: 1px solid #0aa9be !important;

    background: #ffffff !important;

    color: #078fa4 !important;
}


/* =========================================================
   FOOTNOTES
========================================================= */

.ylaf-privacy {
    margin: 0;

    color: #7a878e;

    font-size: 10px;

    line-height: 1.45;

    text-align: center;
}

.ylaf-account-note {
    margin-top: 2px;

    padding-top: 10px;

    border-top: 1px solid #e4eaed;

    color: #708089;

    font-size: 10px;

    line-height: 1.45;

    text-align: center;
}


/* =========================================================
   SIGNED-IN STATE
========================================================= */

.ylaf-account-ready {
    text-align: left;
}

.ylaf-ready-mark {
    width: 58px;
    height: 58px;

    margin-bottom: 16px;

    border-radius: 50%;

    background: #eaf9fb;

    color: #0aa9be;

    display: flex;
    align-items: center;
    justify-content: center;
}

.ylaf-ready-mark svg {
    width: 28px;
    height: 28px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.ylaf-ready-actions {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;

    margin-top: 20px;
}


/* =========================================================
   BRANDED PASSWORD RESET
========================================================= */

.ylaf-reset-panel {
    text-align: left;
}

.ylaf-reset-panel > .ylaf-btn {
    width: 100%;

    margin-top: 16px;
}

.ylaf-reset-actions {
    display: grid;

    gap: 10px;

    margin-top: 18px;
}

.ylaf-reset-link {
    display: block;

    color: #078fa4 !important;

    font-size: 11px;
    font-weight: 600;

    text-align: center;
    text-decoration: none !important;
}

.ylaf-reset-link:hover,
.ylaf-reset-link:focus {
    color: #056f80 !important;

    text-decoration: underline !important;
}

.ylaf-reset-complete .ylaf-btn {
    margin-top: 18px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .ylaf-stage {
        min-height: auto;

        padding: 16px;
    }

    .ylaf-page {
        grid-template-columns: 1fr;

        min-height: 0;
    }

    .ylaf-brand-panel {
        padding: 34px 28px;
    }

    .ylaf-brand-panel h1 {
        font-size: 34px;
    }

    .ylaf-benefits {
        grid-template-columns: repeat(3,1fr);

        gap: 12px;

        margin-top: 24px;
    }

    .ylaf-benefit {
        grid-template-columns: 1fr;

        min-height: 0;

        border-top: none;

        text-align: center;
    }

    .ylaf-benefit-icon {
        margin: 0 auto;
    }

    .ylaf-form-panel {
        padding: 36px 28px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .ylaf-stage {
        padding: 8px;

        align-items: flex-start;

        background: #f4f8fa;
    }

    .ylaf-page {
        border-radius: 9px;
    }

    .ylaf-brand-panel,
    .ylaf-form-panel {
        padding: 29px 19px;
    }

    .ylaf-brand-panel h1 {
        font-size: 30px;
    }

    .ylaf-benefits {
        grid-template-columns: 1fr;

        gap: 0;
    }

    .ylaf-benefit {
        grid-template-columns: 40px 1fr;

        text-align: left;

        border-top: 1px solid rgba(255,255,255,.075);
    }

    .ylaf-benefit:first-child {
        border-top: none;
    }

    .ylaf-benefit-icon {
        margin: 0;
    }

    .ylaf-form-inner > h2,
    .ylaf-reset-panel h2,
    .ylaf-account-ready h2 {
        font-size: 26px;
    }

    .ylaf-two,
    .ylaf-ready-actions {
        grid-template-columns: 1fr;
    }

    .ylaf-login-row {
        align-items: flex-start;

        flex-direction: column;

        gap: 7px;
    }

    .ylaf-selected-plan-rich {
        align-items: flex-start;
    }
}

/* v0.6.1 password visibility controls */
.ylaf-password-wrap {
    position: relative;
}

.ylaf-password-wrap input {
    padding-right: 58px !important;
}

button.ylaf-password-toggle,
button.ylaf-password-toggle:hover,
button.ylaf-password-toggle:focus,
button.ylaf-password-toggle:active {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    transform: translateY(-50%) !important;

    width: auto !important;
    min-width: 42px !important;
    min-height: 30px !important;

    margin: 0 !important;
    padding: 0 7px !important;

    border: none !important;
    border-radius: 4px !important;

    background: transparent !important;
    color: #078fa4 !important;

    font-family: "Montserrat", sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;

    box-shadow: none !important;
    cursor: pointer !important;
}


/* =========================================================
   YLASORE CHECKOUT v0.8.1 — APPROVED DARK DESIGN
========================================================= */
body.page-id-7864,
body.page-id-7864 #page,
body.page-id-7864 .site,
body.page-id-7864 .site-content,
body.page-id-7864 main,
body.page-id-7864 .elementor,
body.page-id-7864 .elementor-section-wrap,
body.page-id-7864 .elementor-element,
body.page-id-7864 .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.page-id-7864 {
    margin: 0 !important;
    background: #020b13 !important;
}

body.page-id-7864 header,
body.page-id-7864 footer,
body.page-id-7864 .site-header,
body.page-id-7864 .site-footer,
body.page-id-7864 .elementor-location-header,
body.page-id-7864 .elementor-location-footer,
body.page-id-7864 .entry-header,
body.page-id-7864 .page-header,
body.page-id-7864 .post-header {
    display: none !important;
}

.ylco-shell {
    width: 100vw;
    min-height: 100vh;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 22px 24px 48px;
    background:
        radial-gradient(circle at 82% 12%, rgba(15, 112, 170, .16), transparent 28%),
        radial-gradient(circle at 12% 80%, rgba(24, 214, 232, .05), transparent 28%),
        linear-gradient(145deg, #03101a 0%, #020912 54%, #04111c 100%);
    color: #eef7fa;
    font-family: "Montserrat", sans-serif;
}

.ylco-shell *, .ylco-shell *::before, .ylco-shell *::after { box-sizing: border-box; }
.ylco-wrap { width: 100%; max-width: 1220px; margin: 0 auto; }

.ylco-brandbar {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.ylco-brand { display: inline-flex; align-items: center; gap: 9px; text-decoration: none !important; }
.ylco-brand img { display: block; width: 48px; height: 48px; object-fit: contain; }
.ylco-brand-y { color: #fff; font-size: 21px; font-weight: 600; letter-spacing: -.4px; }
.ylco-brand-l { color: #18d6e8; font-size: 21px; font-weight: 500; letter-spacing: -.4px; margin-left: -4px; }
.ylco-secure-label { display: inline-flex; align-items: center; gap: 8px; color: #c9d7dc; font-size: 12px; font-weight: 600; }
.ylco-mini-shield { width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(24,214,232,.5); border-radius: 50%; color: #18d6e8; }

.ylco-intro { padding: 34px 0 24px; }
.ylco-kicker { color: #18d6e8; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.ylco-intro h1 { margin: 8px 0 0; color: #fff; font-size: 48px; font-weight: 500; line-height: 1.05; letter-spacing: -1.3px; }
.ylco-intro p { max-width: 760px; margin: 13px 0 0; color: #bac9cf; font-size: 15px; line-height: 1.6; }
.ylco-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.ylco-badges span { min-height: 42px; padding: 0 17px; display: inline-flex; align-items: center; gap: 9px; border: 1px solid rgba(24,214,232,.18); border-radius: 7px; background: rgba(7,25,37,.55); color: #d8e5e9; font-size: 12px; }
.ylco-badges b { color: #18d6e8; font-size: 15px; }

.ylco-card { padding: 26px; border: 1px solid rgba(125,165,182,.22); border-radius: 11px; background: rgba(5,20,31,.82); box-shadow: 0 20px 48px rgba(0,0,0,.18); }
.ylco-card .woocommerce-form-login-toggle,
.ylco-card .woocommerce-form-coupon-toggle,
.ylco-card .woocommerce-additional-fields,
.ylco-card .woocommerce-shipping-fields,
.ylco-card .woocommerce-notices-wrapper,
.ylco-card #order_comments_field,
.ylco-card #billing_company_field,
.ylco-card #customer_details .col-2 { display: none !important; }

.ylco-card form.checkout { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(380px,.88fr) !important; gap: 28px !important; align-items: start !important; }
.ylco-card #customer_details, .ylco-card #order_review_heading, .ylco-card #order_review { width: 100% !important; float: none !important; }
.ylco-card #customer_details { grid-column: 1 !important; grid-row: 1 / span 2 !important; }
.ylco-card #customer_details .col-1 { width: 100% !important; float: none !important; }
.ylco-card #order_review_heading, .ylco-card #order_review { grid-column: 2 !important; }

.ylco-card .woocommerce-billing-fields, .ylco-card #order_review { padding: 24px !important; border: 1px solid rgba(122,163,181,.20) !important; border-radius: 9px !important; background: rgba(3,15,24,.70) !important; box-shadow: none !important; }
.ylco-card .woocommerce-billing-fields > h3, .ylco-card #order_review_heading { margin: 0 0 20px !important; color: #fff !important; font-size: 21px !important; font-weight: 600 !important; letter-spacing: -.2px !important; }

.ylco-card .form-row { margin-bottom: 14px !important; }
.ylco-card label { color: #dbe7eb !important; font-size: 11px !important; font-weight: 600 !important; }
.ylco-card input.input-text, .ylco-card select, .ylco-card textarea, .ylco-card .select2-selection, .ylco-card .select2-selection--single { min-height: 50px !important; padding: 0 14px !important; border: 1px solid rgba(132,169,185,.30) !important; border-radius: 5px !important; background: rgba(5,19,29,.82) !important; color: #f4fafc !important; box-shadow: none !important; font-size: 14px !important; }
.ylco-card textarea { min-height: 110px !important; padding-top: 14px !important; }
.ylco-card input.input-text::placeholder, .ylco-card textarea::placeholder { color: #8397a1 !important; opacity: 1 !important; }
.ylco-card input.input-text:focus, .ylco-card select:focus, .ylco-card textarea:focus, .ylco-card .select2-container--default.select2-container--focus .select2-selection--single { border-color: #18d6e8 !important; box-shadow: 0 0 0 2px rgba(24,214,232,.12) !important; outline: none !important; }
.ylco-card .select2-selection__rendered { color: #f4fafc !important; line-height: 48px !important; }
.ylco-card .select2-selection__arrow { height: 48px !important; }

.ylco-card .shop_table { margin-bottom: 20px !important; border: 1px solid rgba(130,167,184,.20) !important; border-radius: 6px !important; overflow: hidden !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; }
.ylco-card .shop_table th, .ylco-card .shop_table td { padding: 14px 12px !important; border-color: rgba(130,167,184,.16) !important; color: #cbd8dd !important; font-size: 12px !important; background: transparent !important; }
.ylco-card .shop_table .product-name { color: #f4fafc !important; font-weight: 600 !important; }
.ylco-card .shop_table .order-total th, .ylco-card .shop_table .order-total td { color: #fff !important; font-size: 19px !important; font-weight: 700 !important; }

.ylco-card #payment, .ylco-card .woocommerce-checkout-payment { padding: 0 !important; background: transparent !important; }
.ylco-card .payment_methods { margin: 0 !important; padding: 0 !important; border: none !important; }
.ylco-card .wc_payment_method { margin-bottom: 8px !important; padding: 13px 14px !important; border: 1px solid rgba(125,164,182,.20) !important; border-radius: 6px !important; background: rgba(7,24,36,.78) !important; }
.ylco-card .wc_payment_method > label { color: #eef7fa !important; font-size: 12px !important; font-weight: 600 !important; display: inline-flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 7px !important; }
.ylco-card .payment_box { margin: 11px 0 0 !important; padding: 14px !important; border: 1px solid rgba(125,164,182,.18) !important; border-radius: 6px !important; background: #06131d !important; color: #bdcbd1 !important; }
.ylco-card .payment_box::before { display: none !important; }

/* Keep all gateway/card marks compact like the approved design. */
.ylco-card .wc_payment_method img, .ylco-card .payment_method_paypal img, .ylco-card .payment_method_ppcp-gateway img, .ylco-card .payment_method_ppcp-credit-card-gateway img { width: auto !important; max-width: 40px !important; max-height: 20px !important; height: auto !important; margin: 0 1px 0 3px !important; object-fit: contain !important; vertical-align: middle !important; }
.ylco-card .payment_method_ppcp-credit-card-gateway label img:nth-of-type(n+5) { display: none !important; }

.ylco-card .woocommerce-privacy-policy-text { color: #92a6af !important; font-size: 10px !important; line-height: 1.55 !important; text-align: center !important; }
.ylco-card .woocommerce-privacy-policy-text a, .ylco-card a { color: #18d6e8 !important; }
.ylco-card .required { color: #18d6e8 !important; }

.ylco-card #place_order, .ylco-card #place_order:hover, .ylco-card #place_order:focus, .ylco-card #place_order:active { width: 100% !important; min-height: 54px !important; margin-top: 12px !important; border: 1px solid #18d6e8 !important; border-radius: 5px !important; background: linear-gradient(90deg,#1ad5e6 0%,#0bb1cf 100%) !important; color: #041019 !important; font-family: "Montserrat",sans-serif !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0 !important; box-shadow: 0 10px 24px rgba(24,214,232,.14) !important; }
.ylco-card #place_order:hover { transform: translateY(-1px) !important; filter: brightness(.96) !important; }

.ylco-trust-strip { margin-top: 24px; padding: 22px 24px; display: grid; grid-template-columns: 1.35fr repeat(3,1fr); gap: 18px; align-items: center; border: 1px solid rgba(125,165,182,.18); border-radius: 9px; background: rgba(4,18,28,.72); }
.ylco-trust-lead { display: flex; align-items: center; gap: 14px; }
.ylco-trust-shield { width: 50px; height: 50px; min-width: 50px; border: 2px solid #18d6e8; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #18d6e8; font-size: 22px; box-shadow: 0 0 22px rgba(24,214,232,.14); }
.ylco-trust-lead strong, .ylco-trust-item strong { display: block; color: #fff; font-size: 12px; font-weight: 600; }
.ylco-trust-lead span:not(.ylco-trust-shield), .ylco-trust-item span { color: #93a6ae; font-size: 10px; line-height: 1.45; }
.ylco-trust-item { display: flex; align-items: flex-start; gap: 10px; padding-left: 15px; border-left: 1px solid rgba(255,255,255,.07); }
.ylco-trust-item > b { color: #18d6e8; font-size: 14px; }

.ylco-message { max-width: 680px; margin: 70px auto; padding: 34px; border: 1px solid rgba(125,165,182,.20); border-radius: 10px; background: #06131d; color: #eef7fa; text-align: center; font-family: "Montserrat",sans-serif; }
.ylco-message h2 { margin: 0; color: #fff; font-size: 28px; }
.ylco-message p { color: #9db0b8; }
.ylco-link { display: inline-flex; min-height: 48px; padding: 0 20px; align-items: center; justify-content: center; margin-top: 16px; border-radius: 5px; background: #18d6e8; color: #041019 !important; text-decoration: none !important; font-weight: 700; }

@media(max-width:900px){
    .ylco-card form.checkout { grid-template-columns: 1fr !important; }
    .ylco-card #customer_details, .ylco-card #order_review_heading, .ylco-card #order_review { grid-column: 1 !important; grid-row: auto !important; }
    .ylco-trust-strip { grid-template-columns: 1fr 1fr; }
}

@media(max-width:620px){
    .ylco-shell { padding: 16px 12px 32px; }
    .ylco-brandbar { align-items: flex-start; }
    .ylco-brand img { width: 42px; height: 42px; }
    .ylco-brand-y, .ylco-brand-l { font-size: 19px; }
    .ylco-secure-label { font-size: 10px; }
    .ylco-intro { padding-top: 26px; }
    .ylco-intro h1 { font-size: 36px; }
    .ylco-intro p { font-size: 14px; }
    .ylco-badges { display: grid; grid-template-columns: 1fr; }
    .ylco-card { padding: 13px; }
    .ylco-card .woocommerce-billing-fields, .ylco-card #order_review { padding: 17px !important; }
    .ylco-card .woocommerce-billing-fields > h3, .ylco-card #order_review_heading { font-size: 19px !important; }
    .ylco-trust-strip { grid-template-columns: 1fr; }
    .ylco-trust-item { border-left: none; padding-left: 0; }
}


/* =========================================================
   YLASORE DASHBOARD v0.9.0
========================================================= */

/* =========================================================
   YLASORE DASHBOARD v0.9.1
========================================================= */
.yldash-shell{width:100vw;min-height:100vh;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#020b13;font-family:"Montserrat",sans-serif;color:#ecf6f8}.yldash-shell *{box-sizing:border-box}.yldash-app{width:100%;min-height:100vh;display:grid;grid-template-columns:265px minmax(0,1fr);background:radial-gradient(circle at 78% 2%,rgba(0,170,215,.10),transparent 26%),linear-gradient(145deg,#03111c 0%,#051521 50%,#020b12 100%)}
.yldash-sidebar{position:sticky;top:0;height:100vh;padding:28px 20px 20px;border-right:1px solid rgba(87,173,197,.13);background:linear-gradient(180deg,rgba(2,13,22,.98),rgba(3,16,25,.98));display:flex;flex-direction:column}.yldash-brand{display:flex;align-items:center;gap:11px;padding:0 6px 26px}.yldash-brand img{width:48px;height:48px;object-fit:contain}.yldash-brand strong{display:block;color:#fff;font-size:20px;font-weight:600;white-space:nowrap}.yldash-brand strong span{color:#18d6e8}.yldash-brand small{display:block;margin-top:3px;color:#18d6e8;font-size:8px;font-weight:700;letter-spacing:3px}.yldash-nav{display:grid;gap:6px}.yldash-nav a{min-height:46px;padding:0 14px;border-radius:8px;display:flex;align-items:center;gap:12px;color:#c5d4da!important;text-decoration:none!important;font-size:12px;font-weight:500;transition:.2s ease}.yldash-nav a span{width:20px;color:#96b0bc;font-size:17px;text-align:center}.yldash-nav a:hover,.yldash-nav a.is-active{background:linear-gradient(90deg,rgba(0,188,219,.19),rgba(0,125,161,.13));color:#fff!important}.yldash-nav a.is-active span{color:#18d6e8}.yldash-side-spacer{flex:1}.yldash-security-card{padding:16px;border:1px solid rgba(88,169,192,.19);border-radius:9px;background:rgba(7,26,38,.72)}.yldash-security-icon{width:34px;height:34px;margin-bottom:11px;border:1px solid rgba(24,214,232,.38);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#18d6e8}.yldash-security-card strong{font-size:12px}.yldash-security-card p{margin:7px 0 0;color:#8fa5af;font-size:10px;line-height:1.6}.yldash-user-card{margin-top:16px;padding:15px;border:1px solid rgba(88,169,192,.17);border-radius:9px;background:#061824;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}.yldash-avatar,.yldash-mini-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0b5367;color:#18d6e8;font-weight:700}.yldash-avatar{width:42px;height:42px}.yldash-user-info strong{display:block;color:#fff;font-size:11px}.yldash-user-info span{display:block;margin-top:3px;color:#78929e;font-size:8px;overflow:hidden;text-overflow:ellipsis}.yldash-user-info small{display:inline-block;margin-top:7px;padding:4px 7px;border-radius:4px;background:rgba(28,177,126,.13);color:#68e3b6;font-size:8px}.yldash-logout{grid-column:1/-1;margin-top:7px;padding-top:10px;border-top:1px solid rgba(114,176,193,.12);color:#9db0b8!important;text-decoration:none!important;font-size:10px}
.yldash-main{padding:28px 34px 34px;min-width:0}.yldash-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.yldash-top h1{margin:0;color:#fff;font-size:31px;font-weight:600;letter-spacing:-.5px}.yldash-top p{margin:7px 0 0;color:#9fb3bd;font-size:12px}.yldash-top-actions{display:flex;align-items:center;gap:12px}.yldash-top-actions>a{padding:10px 14px;border:1px solid rgba(100,179,200,.20);border-radius:7px;color:#d5e3e7!important;text-decoration:none!important;font-size:10px}.yldash-mini-avatar{width:40px;height:40px;font-size:12px}.yldash-banner{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 15px;border-radius:8px;font-size:11px}.yldash-banner-success{border:1px solid rgba(40,215,163,.28);background:rgba(21,112,87,.16);color:#bdf4e1}.yldash-banner-pending{border:1px solid rgba(247,182,65,.28);background:rgba(129,88,14,.16);color:#ffe0a3}
.yldash-analyse{margin-top:20px;padding:20px;border:1px solid rgba(24,214,232,.55);border-radius:10px;background:radial-gradient(circle at 10% 50%,rgba(0,187,224,.13),transparent 17%),linear-gradient(135deg,rgba(6,27,41,.96),rgba(3,16,25,.98));display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center}.yldash-analyse-orbit{width:118px;height:118px;margin:auto;border-radius:50%;border:1px solid rgba(24,214,232,.25);box-shadow:0 0 0 17px rgba(24,214,232,.035),0 0 0 34px rgba(24,214,232,.018);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px}.yldash-analyse-content h2{margin:0;color:#fff;font-size:19px}.yldash-analyse-content p{margin:6px 0 0;color:#9db1ba;font-size:11px}.yldash-analyse-form{display:grid;grid-template-columns:1fr 170px;gap:10px;margin-top:14px}.yldash-analyse-form input{min-height:44px;padding:0 13px;border:1px solid rgba(127,185,201,.18);border-radius:6px;background:#0a1d2a;color:#d5e2e7;font:inherit}.yldash-analyse-form button{border:none;border-radius:6px;background:#18d6e8;color:#041019;font:inherit;font-size:11px;font-weight:700;opacity:.72}.yldash-analyse-content small{display:block;margin-top:8px;color:#668793;font-size:8px}
.yldash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.yldash-metrics article{min-height:120px;padding:16px;border:1px solid rgba(92,171,193,.16);border-radius:9px;background:linear-gradient(155deg,rgba(7,28,42,.96),rgba(3,15,24,.98));display:flex;gap:13px;align-items:flex-start}.yldash-metric-icon{width:41px;height:41px;flex:0 0 41px;border-radius:50%;border:1px solid rgba(24,214,232,.25);background:rgba(24,214,232,.06);color:#18d6e8;display:flex;align-items:center;justify-content:center;font-size:17px}.yldash-metrics span{display:block;color:#9ab0ba;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.45px}.yldash-metrics strong{display:block;margin-top:6px;color:#18d6e8;font-size:26px;font-weight:500}.yldash-metrics strong.status-active{font-size:21px}.yldash-metrics small{display:block;margin-top:5px;color:#718d98;font-size:8px;line-height:1.4}
.yldash-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.yldash-three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.yldash-card{border:1px solid rgba(89,166,188,.16);border-radius:9px;background:linear-gradient(155deg,rgba(7,27,40,.96),rgba(3,15,24,.98));padding:16px;min-width:0}.yldash-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.yldash-card-head h2,.yldash-summary-title h2{margin:0;color:#fff;font-size:14px;font-weight:600}.yldash-card-head>span{color:#18d6e8;font-size:8px}.yldash-empty-state{min-height:218px;border-top:1px solid rgba(108,171,188,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.yldash-empty-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(24,214,232,.20);color:#18d6e8}.yldash-empty-state strong{margin-top:10px;color:#dce8ec;font-size:11px}.yldash-empty-state p{max-width:290px;margin:6px auto 0;color:#6f8b96;font-size:9px;line-height:1.5}.yldash-purchase-list{border-top:1px solid rgba(108,171,188,.10)}.yldash-purchase-row{display:grid;grid-template-columns:58px 1.4fr 90px 80px 85px 78px;gap:8px;align-items:center;min-height:45px;border-bottom:1px solid rgba(108,171,188,.08);color:#8ea5af;font-size:8px}.yldash-purchase-row strong{color:#dce8ec;font-size:9px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yldash-purchase-row em{justify-self:end;padding:4px 6px;border-radius:4px;background:rgba(24,214,232,.08);color:#a7d9e2;font-style:normal;font-size:7px}.yldash-purchase-row em.status-completed,.yldash-purchase-row em.status-processing{background:rgba(28,177,126,.12);color:#67e0b2}.yldash-purchase-row em.status-pending,.yldash-purchase-row em.status-on-hold{background:rgba(226,160,38,.12);color:#e8c26d}
.yldash-summary-card{min-height:205px}.yldash-summary-title{display:flex;align-items:center;gap:9px;margin-bottom:15px}.yldash-summary-title>span{width:34px;height:34px;border-radius:50%;border:1px solid rgba(24,214,232,.22);display:flex;align-items:center;justify-content:center;color:#18d6e8}.yldash-summary-row{min-height:34px;padding:8px 0;border-top:1px solid rgba(105,169,187,.09);display:flex;align-items:center;justify-content:space-between;gap:15px}.yldash-summary-row span{color:#78939e;font-size:8px}.yldash-summary-row strong{color:#e8f1f4;font-size:10px}.yldash-summary-card p{color:#6f8994;font-size:8px;line-height:1.55}.yldash-summary-card>a{display:inline-block;margin-top:6px;color:#18d6e8!important;text-decoration:none!important;font-size:8px}.yldash-disabled-link{display:inline-block;margin-top:6px;color:#617d88;font-size:8px}.yldash-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:4px}.yldash-profile-grid div{padding:10px;border:1px solid rgba(102,166,184,.09);border-radius:6px;background:rgba(7,25,36,.55)}.yldash-profile-grid span{display:block;color:#6f8994;font-size:7px}.yldash-profile-grid strong{display:block;margin-top:5px;color:#dce9ed;font-size:9px;overflow:hidden;text-overflow:ellipsis}.yldash-help-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid rgba(105,169,187,.09);font-size:8px}.yldash-help-row span{color:#78939e}.yldash-help-row strong{color:#dce9ed;font-size:8px;font-weight:500}.yldash-help-row a{color:#18d6e8!important;text-decoration:none!important}.yldash-lower{grid-template-columns:1.2fr .8fr}.yldash-trust-strip{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:12px;margin-top:14px;padding:15px 18px;border:1px solid rgba(89,166,188,.14);border-radius:9px;background:rgba(5,21,31,.82)}.yldash-trust-strip div{padding-left:12px;border-left:1px solid rgba(99,160,178,.10)}.yldash-trust-strip div:first-child{padding-left:0;border-left:none}.yldash-trust-strip strong{display:block;color:#dce9ed;font-size:9px}.yldash-trust-strip span{display:block;margin-top:4px;color:#6e8994;font-size:7px;line-height:1.45}.yldash-foot{display:flex;justify-content:space-between;gap:20px;padding:20px 0 0;color:#536d78;font-size:7px}
.yldash-guest{max-width:700px;margin:80px auto;padding:34px;border:1px solid #dce7eb;border-radius:12px;background:#fff;text-align:center;font-family:"Montserrat",sans-serif}.yldash-guest a{display:inline-flex;margin-top:15px;padding:12px 20px;border-radius:6px;background:#18d6e8;color:#041019!important;text-decoration:none;font-weight:700}
body.page-id-7853,body.page-id-7853 #page,body.page-id-7853 .site,body.page-id-7853 .site-content,body.page-id-7853 .elementor,body.page-id-7853 .elementor-section-wrap,body.page-id-7853 .elementor-element,body.page-id-7853 main{background:transparent!important}body.page-id-7853{margin:0!important;background:#020b13!important}body.page-id-7853 header,body.page-id-7853 footer,body.page-id-7853 .site-header,body.page-id-7853 .site-footer,body.page-id-7853 .elementor-location-header,body.page-id-7853 .elementor-location-footer,body.page-id-7853 .entry-header,body.page-id-7853 .page-header{display:none!important}body.page-id-7853 .entry-content,body.page-id-7853 .site-main,body.page-id-7853 .content-area,body.page-id-7853 .elementor-widget-container{margin:0!important;padding:0!important}
@media(max-width:1100px){.yldash-app{grid-template-columns:220px minmax(0,1fr)}.yldash-main{padding:24px 20px}.yldash-metrics{grid-template-columns:repeat(2,1fr)}.yldash-three-col{grid-template-columns:1fr 1fr}.yldash-purchase-row{grid-template-columns:54px 1fr 80px 70px}.yldash-purchase-row>span:nth-of-type(3),.yldash-purchase-row em{display:none}}
@media(max-width:820px){.yldash-app{display:block}.yldash-sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid rgba(87,173,197,.13)}.yldash-nav{grid-template-columns:repeat(3,1fr)}.yldash-side-spacer,.yldash-security-card{display:none}.yldash-user-card{margin-top:14px}.yldash-main{padding:22px 14px}.yldash-analyse{grid-template-columns:1fr}.yldash-analyse-orbit{display:none}.yldash-two-col,.yldash-lower,.yldash-three-col{grid-template-columns:1fr}.yldash-trust-strip{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.yldash-sidebar{padding:20px 14px}.yldash-nav{grid-template-columns:1fr 1fr}.yldash-top{align-items:flex-start;flex-direction:column}.yldash-top h1{font-size:26px}.yldash-top-actions{display:none}.yldash-analyse-form{grid-template-columns:1fr}.yldash-metrics{grid-template-columns:1fr}.yldash-profile-grid{grid-template-columns:1fr}.yldash-trust-strip{grid-template-columns:1fr}.yldash-purchase-row{grid-template-columns:50px 1fr 70px}.yldash-purchase-row>span:nth-of-type(2){display:none}}

\n\n/* =========================================================\n   v0.9.2 APPROVED DASHBOARD REFINEMENTS\n========================================================= */\n.yldash-main{padding:32px 38px 38px!important}.yldash-top{margin-bottom:22px!important}.yldash-top h1{font-size:36px!important;line-height:1.12!important;font-weight:650!important;letter-spacing:-.8px!important}.yldash-top p{margin-top:8px!important;font-size:13px!important;color:#9fb3bd!important}.yldash-analyse{margin-top:0!important;padding:24px 26px!important;border-radius:12px!important}.yldash-analyse h2{font-size:20px!important}.yldash-analyse p{font-size:12px!important}.yldash-metrics{gap:16px!important;margin-top:16px!important}.yldash-metrics article{min-height:122px!important;padding:18px!important;border-radius:10px!important}.yldash-metrics article span{font-size:9px!important;letter-spacing:.5px!important}.yldash-metrics article strong{font-size:29px!important;margin-top:5px!important}.yldash-metrics article small{font-size:9px!important;margin-top:6px!important}.yldash-two-col{gap:16px!important}.yldash-three-col{gap:16px!important}.yldash-card{padding:18px!important;border-radius:10px!important}.yldash-card-head h2,.yldash-summary-title h2{font-size:16px!important}.yldash-purchase-row{min-height:49px!important;font-size:9px!important}.yldash-purchase-row strong{font-size:10px!important}.yldash-summary-row{font-size:10px!important}.yldash-profile-grid strong{font-size:10px!important}.yldash-user-card{border-radius:10px!important}.yldash-sidebar{padding:24px 18px!important}.yldash-brand strong{font-size:19px!important}.yldash-nav a{min-height:46px!important;font-size:11px!important}.yldash-security-card p,.yldash-user-info span{font-size:9px!important}@media(max-width:1100px){.yldash-main{padding:26px 22px 30px!important}.yldash-top h1{font-size:32px!important}}@media(max-width:820px){.yldash-main{padding:22px 14px 28px!important}.yldash-top h1{font-size:29px!important}}\n

/* =========================================================
   v0.9.3 DASHBOARD ACCESS + READABILITY REFINEMENT
========================================================= */

/* Logged-out access screen */
.yldash-guest-stage{
    width:100vw;
    min-height:100vh;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding:48px 24px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at 86% 12%,rgba(24,214,232,.12),transparent 24%),
        radial-gradient(circle at 8% 78%,rgba(0,128,175,.10),transparent 28%),
        linear-gradient(145deg,#020a12 0%,#04131f 52%,#020a12 100%);
    font-family:"Montserrat",sans-serif;
    color:#fff;
}
.yldash-guest-card{
    width:min(980px,100%);
    padding:48px 58px 38px;
    border:1px solid rgba(84,183,207,.28);
    border-radius:22px;
    background:
        radial-gradient(circle at 92% 12%,rgba(24,214,232,.09),transparent 25%),
        linear-gradient(145deg,rgba(5,22,34,.98),rgba(2,12,20,.99));
    box-shadow:0 30px 90px rgba(0,0,0,.42);
    text-align:center;
}
.yldash-guest-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px}
.yldash-guest-brand img{width:70px;height:70px;object-fit:contain}
.yldash-guest-brand>div{text-align:left}
.yldash-guest-brand strong{display:block;font-size:25px;line-height:1;color:#fff}
.yldash-guest-brand strong span{color:#18d6e8}
.yldash-guest-brand small{display:block;margin-top:7px;color:#18d6e8;font-size:11px;font-weight:700;letter-spacing:4px}
.yldash-guest-kicker{color:#18d6e8;font-size:12px;font-weight:700;letter-spacing:2.6px;text-transform:uppercase}
.yldash-guest-card h2{max-width:720px;margin:14px auto 0;color:#fff;font-size:48px;line-height:1.08;font-weight:700;letter-spacing:-1.2px}
.yldash-guest-card>p{max-width:720px;margin:18px auto 0;color:#b3c4cc;font-size:18px;line-height:1.7}
.yldash-guest-login{width:min(470px,100%);min-height:62px;margin:30px auto 0;padding:0 26px;display:flex;align-items:center;justify-content:center;gap:22px;border-radius:11px;background:linear-gradient(135deg,#24dcec,#14bfd4);color:#041019!important;text-decoration:none!important;font-size:19px;font-weight:800;box-shadow:0 14px 34px rgba(24,214,232,.22)}
.yldash-guest-login b{font-size:26px;font-weight:400}
.yldash-guest-features{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:38px;padding-top:28px;border-top:1px solid rgba(106,177,197,.16)}
.yldash-guest-features>div{padding:0 24px;border-left:1px solid rgba(106,177,197,.14)}
.yldash-guest-features>div:first-child{border-left:0}
.yldash-guest-features i{width:42px;height:42px;margin:0 auto 10px;border:1px solid rgba(24,214,232,.28);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#18d6e8;font-style:normal;font-size:20px}
.yldash-guest-features strong{display:block;color:#fff;font-size:15px}
.yldash-guest-features span{display:block;margin-top:7px;color:#91a8b2;font-size:13px;line-height:1.55}
.yldash-guest-foot{margin-top:28px;color:#7f98a3;font-size:12px}

/* Strong, unmistakable welcome header */
.yldash-welcome{
    margin:0 0 22px!important;
    padding:22px 24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;
    border:1px solid rgba(24,214,232,.19)!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,rgba(6,28,42,.94),rgba(3,17,27,.97))!important;
}
.yldash-welcome-kicker{display:block;color:#18d6e8;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:7px}
.yldash-welcome h1{margin:0!important;color:#fff!important;font-size:34px!important;line-height:1.12!important;font-weight:700!important;letter-spacing:-.7px!important}
.yldash-welcome p{margin:8px 0 0!important;color:#b2c3ca!important;font-size:15px!important;line-height:1.55!important}

/* Dashboard global readability: minimum comfortable sizes */
.yldash-shell{font-size:15px!important}
.yldash-main{padding:30px 34px 38px!important}
.yldash-nav a{min-height:50px!important;font-size:14px!important}
.yldash-security-card strong{font-size:15px!important}
.yldash-security-card p{font-size:13px!important;line-height:1.6!important}
.yldash-user-info strong{font-size:14px!important}
.yldash-user-info span{font-size:12px!important}
.yldash-user-info small{font-size:11px!important}
.yldash-logout{font-size:13px!important}
.yldash-analyse{padding:25px 27px!important}
.yldash-analyse h2{font-size:24px!important}
.yldash-analyse p{font-size:15px!important;line-height:1.5!important}
.yldash-analyse-form input{font-size:15px!important}
.yldash-analyse-form button{font-size:14px!important;font-weight:700!important}
.yldash-analyse small{font-size:11px!important}
.yldash-metrics article span{font-size:11px!important;letter-spacing:.5px!important}
.yldash-metrics article strong{font-size:32px!important}
.yldash-metrics article small{font-size:11px!important;line-height:1.45!important}
.yldash-card{padding:20px!important}
.yldash-card-head h2,.yldash-summary-title h2{font-size:19px!important}
.yldash-card-head>span{font-size:11px!important}
.yldash-empty-state strong{font-size:15px!important}
.yldash-empty-state p{font-size:12px!important;line-height:1.55!important}
.yldash-purchase-row{grid-template-columns:65px 1.4fr 100px 88px 95px 86px!important;min-height:56px!important;font-size:11px!important}
.yldash-purchase-row strong{font-size:12px!important}
.yldash-purchase-row em{font-size:10px!important;padding:5px 8px!important}
.yldash-summary-card{min-height:225px!important}
.yldash-summary-row{min-height:43px!important;padding:10px 0!important}
.yldash-summary-row span{font-size:12px!important}
.yldash-summary-row strong{font-size:13px!important}
.yldash-summary-card p{font-size:12px!important;line-height:1.6!important}
.yldash-summary-card>a,.yldash-disabled-link{font-size:12px!important}
.yldash-profile-grid span{font-size:10px!important}
.yldash-profile-grid strong{font-size:12px!important;line-height:1.4!important}
.yldash-help-row{font-size:12px!important;padding:13px 0!important}
.yldash-help-row strong{font-size:12px!important}
.yldash-trust-strip strong{font-size:12px!important}
.yldash-trust-strip span{font-size:10px!important;line-height:1.5!important}
.yldash-foot{font-size:10px!important}

@media(max-width:1100px){
    .yldash-purchase-row{grid-template-columns:60px 1fr 90px 82px!important}
    .yldash-purchase-row>span:nth-of-type(3),.yldash-purchase-row em{display:none!important}
}
@media(max-width:820px){
    .yldash-welcome{align-items:flex-start!important;flex-direction:column!important}
    .yldash-welcome h1{font-size:30px!important}
    .yldash-guest-card{padding:38px 28px 32px}
    .yldash-guest-card h2{font-size:38px}
    .yldash-guest-features{grid-template-columns:1fr}
    .yldash-guest-features>div{padding:18px 0;border-left:0;border-top:1px solid rgba(106,177,197,.12)}
    .yldash-guest-features>div:first-child{border-top:0}
}
@media(max-width:560px){
    .yldash-guest-stage{padding:18px 10px}
    .yldash-guest-card{padding:30px 18px 26px;border-radius:16px}
    .yldash-guest-card h2{font-size:31px}
    .yldash-guest-card>p{font-size:15px}
    .yldash-welcome{padding:18px!important}
    .yldash-welcome h1{font-size:27px!important}
    .yldash-welcome p{font-size:14px!important}
    .yldash-purchase-row{grid-template-columns:54px 1fr 82px!important;font-size:10px!important}
    .yldash-purchase-row>span:nth-of-type(2){display:none!important}
}


/* =========================================================
   v0.9.4 LOGIN GATEWAY + GUARANTEED WELCOME HERO
========================================================= */

/* Smaller, genuinely centred logged-out dashboard gateway */
.yldash-guest-stage{
    width:100vw!important;
    min-height:100vh!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.yldash-guest-card{
    width:min(760px,calc(100vw - 48px))!important;
    max-width:760px!important;
    padding:34px 42px 28px!important;
    border-radius:18px!important;
}
.yldash-guest-brand{margin-bottom:18px!important}
.yldash-guest-brand img{width:54px!important;height:54px!important}
.yldash-guest-brand strong{font-size:21px!important}
.yldash-guest-brand small{font-size:9px!important;letter-spacing:3px!important;margin-top:5px!important}
.yldash-guest-kicker{font-size:10px!important;letter-spacing:2.2px!important}
.yldash-guest-card h2{
    max-width:620px!important;
    margin:10px auto 0!important;
    font-size:37px!important;
    line-height:1.08!important;
    letter-spacing:-.8px!important;
}
.yldash-guest-card>p{
    max-width:610px!important;
    margin:13px auto 0!important;
    font-size:15px!important;
    line-height:1.55!important;
}
.yldash-guest-login{
    width:min(390px,100%)!important;
    min-height:54px!important;
    margin:22px auto 0!important;
    font-size:16px!important;
    border-radius:9px!important;
}
.yldash-guest-login b{font-size:21px!important}
.yldash-guest-features{
    margin-top:27px!important;
    padding-top:22px!important;
}
.yldash-guest-features>div{padding:0 18px!important}
.yldash-guest-features i{width:36px!important;height:36px!important;margin-bottom:8px!important;font-size:17px!important}
.yldash-guest-features strong{font-size:13px!important}
.yldash-guest-features span{font-size:11px!important;line-height:1.45!important;margin-top:5px!important}
.yldash-guest-foot{margin-top:20px!important;font-size:10px!important}

/* Greeting is now a dedicated first-class dashboard hero */
.yldash-welcome-hero{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;
    width:100%!important;
    margin:0 0 20px!important;
    padding:22px 24px!important;
    border:1px solid rgba(24,214,232,.30)!important;
    border-radius:12px!important;
    background:
      radial-gradient(circle at 92% 15%,rgba(24,214,232,.10),transparent 24%),
      linear-gradient(135deg,rgba(7,31,46,.98),rgba(3,17,27,.99))!important;
    box-shadow:0 14px 34px rgba(0,0,0,.15)!important;
}
.yldash-welcome-hero .yldash-welcome-kicker{
    display:block!important;
    margin:0 0 7px!important;
    color:#18d6e8!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:1.8px!important;
}
.yldash-welcome-hero h1{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:35px!important;
    line-height:1.12!important;
    font-weight:700!important;
    letter-spacing:-.8px!important;
}
.yldash-welcome-hero p{
    display:block!important;
    margin:8px 0 0!important;
    color:#b5c6cd!important;
    font-size:15px!important;
    line-height:1.55!important;
}

@media(max-width:820px){
  .yldash-welcome-hero{align-items:flex-start!important;flex-direction:column!important;padding:19px!important}
  .yldash-welcome-hero h1{font-size:30px!important}
  .yldash-guest-card{width:min(700px,calc(100vw - 28px))!important;padding:30px 25px 25px!important}
}
@media(max-width:560px){
  .yldash-guest-stage{padding:10px!important;align-items:flex-start!important}
  .yldash-guest-card{width:100%!important;padding:26px 18px 22px!important;margin-top:10px!important}
  .yldash-guest-card h2{font-size:29px!important}
  .yldash-guest-features{grid-template-columns:1fr!important}
  .yldash-guest-features>div{padding:14px 0!important;border-left:0!important;border-top:1px solid rgba(106,177,197,.12)!important}
  .yldash-guest-features>div:first-child{border-top:0!important}
  .yldash-welcome-hero h1{font-size:27px!important}
  .yldash-welcome-hero p{font-size:14px!important}
}

/* =========================================================
   v0.10.0 PAYPAL ADVANCED CARD FIELD READABILITY
   PayPal Advanced Card Processing uses secure hosted fields.
   Keep those fields intentionally light with dark text so the
   entered card data remains readable even when PayPal controls
   the inner hosted-field background.
========================================================= */
.ylasore-checkout-page #ppcp-hosted-fields {
    width: 100% !important;
}

.ylasore-checkout-page #ppcp-credit-card-gateway-card-name,
.ylasore-checkout-page #ppcp-credit-card-gateway-card-number,
.ylasore-checkout-page #ppcp-credit-card-gateway-card-expiry,
.ylasore-checkout-page #ppcp-credit-card-gateway-card-cvc {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #071923 !important;
    -webkit-text-fill-color: #071923 !important;
    border: 1px solid #8fa9b5 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 52px !important;
    color-scheme: light !important;
}

.ylasore-checkout-page #ppcp-credit-card-gateway-card-name:focus,
.ylasore-checkout-page #ppcp-credit-card-gateway-card-number:focus,
.ylasore-checkout-page #ppcp-credit-card-gateway-card-expiry:focus,
.ylasore-checkout-page #ppcp-credit-card-gateway-card-cvc:focus {
    border-color: #18d6e8 !important;
    box-shadow: 0 0 0 2px rgba(24,214,232,.20) !important;
    outline: none !important;
}

/* The secure input itself is rendered by PayPal in an iframe. Keep the
   iframe box full-height and explicitly use a light colour scheme. */
.ylasore-checkout-page #ppcp-credit-card-gateway-card-name iframe,
.ylasore-checkout-page #ppcp-credit-card-gateway-card-number iframe,
.ylasore-checkout-page #ppcp-credit-card-gateway-card-expiry iframe,
.ylasore-checkout-page #ppcp-credit-card-gateway-card-cvc iframe {
    display: block !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #071923 !important;
    color-scheme: light !important;
    border: 0 !important;
    border-radius: 5px !important;
}

.ylasore-checkout-page .payment_method_ppcp-credit-card-gateway .form-row {
    margin-bottom: 18px !important;
}

.ylasore-checkout-page .payment_method_ppcp-credit-card-gateway .form-row label {
    display: block !important;
    margin-bottom: 8px !important;
    color: #dbe7eb !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Keep expiry and CVV comfortable without making either field tiny. */
.ylasore-checkout-page .payment_method_ppcp-credit-card-gateway .form-row-first,
.ylasore-checkout-page .payment_method_ppcp-credit-card-gateway .form-row-last {
    width: calc(50% - 8px) !important;
}

@media (max-width: 620px) {
    .ylasore-checkout-page .payment_method_ppcp-credit-card-gateway .form-row-first,
    .ylasore-checkout-page .payment_method_ppcp-credit-card-gateway .form-row-last {
        width: 100% !important;
        float: none !important;
    }
}