/* ============================================================
   OUDOLAB ACCOUNT — Skin theo phong cách trang giỏ hàng
   (file này được plugin tự nạp, không cần dán thủ công)
   ============================================================ */
.woocommerce-account .woocommerce{
    --vi:#4A1E9E;--vd:#3a1880;--mg:#B23A7D;--or:#F18A1B;--gr:#16a34a;
    --ink:#19152E;--sl:#56525F;--mu:#A9A6AE;
    --bd:#E8E6E1;--bv:#E2DEF0;--mist:#F6F4FB;--bg:#FCFCFB;
    --gd:linear-gradient(125deg,#4A1E9E 0%,#B23A7D 55%,#E07020 100%);
    max-width:1140px;margin:48px auto 84px;padding:0 24px;
    font-family:'Inter',sans-serif;color:var(--ink);
}
@media(max-width:768px){
    .woocommerce-account .woocommerce{margin:28px auto 52px;padding:0 16px;}
}

/* ---------- Lời chào ---------- */
.oud-acc-greet{margin-bottom:26px;}
.oud-acc-greet h1{
    font-family:'Be Vietnam Pro','Inter',sans-serif;
    font-size:clamp(22px,3vw,28px);font-weight:800;color:var(--ink);
    margin:0 0 4px;line-height:1.2;
}
.oud-acc-greet span{font-size:14px;color:var(--mu);}

/* ---------- Layout 2 cột ---------- */
.oud-acc-grid{display:flex;gap:30px;align-items:flex-start;}
@media(max-width:860px){.oud-acc-grid{flex-direction:column;gap:18px;}}

/* ---------- Sidebar ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation{
    flex:0 0 232px;width:232px;background:#fff;
    border:1px solid var(--bd);border-radius:16px;padding:8px;
    box-shadow:0 2px 16px rgba(25,21,46,.04);
}
@media(max-width:860px){.woocommerce-account .woocommerce-MyAccount-navigation{width:100%;flex:none;}}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;border:none;}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
    display:flex;align-items:center;gap:11px;padding:11px 14px;margin:2px 0;
    font-size:14px;font-weight:500;color:var(--sl);text-decoration:none;
    border-radius:10px;transition:background .15s,color .15s;line-height:1.2;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--mist);color:var(--ink);}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
    background:var(--mist);color:var(--vi);font-weight:600;box-shadow:inset 3px 0 0 var(--vi);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a::before{
    content:"";width:18px;height:18px;flex-shrink:0;
    background-color:currentColor;opacity:.85;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E") center/contain no-repeat;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout{
    margin-top:6px!important;padding-top:6px;border-top:1px solid var(--bd)!important;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover{background:#FEF2F2;color:#DC2626;}

/* ---------- Vùng nội dung ---------- */
.woocommerce-account .woocommerce-MyAccount-content{flex:1;min-width:0;}

/* ---------- Tiêu đề khối ---------- */
.oud-h{margin-bottom:18px;}
.oud-h h2{font-family:'Be Vietnam Pro','Inter',sans-serif;font-size:21px;font-weight:800;color:var(--ink);margin:0 0 3px;}
.oud-h p{font-size:13.5px;color:var(--mu);margin:0;}
.oud-h-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}

/* ---------- Card cơ bản ---------- */
.oud-card{
    background:#fff;border:1px solid var(--bd);border-radius:14px;
    padding:22px;box-shadow:0 2px 16px rgba(25,21,46,.04);margin-bottom:18px;
}

/* ---------- Stat cards (dashboard) ---------- */
.oud-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;}
@media(max-width:760px){.oud-stats{grid-template-columns:repeat(2,1fr);}}
.oud-stat{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:18px;box-shadow:0 2px 16px rgba(25,21,46,.04);}
.oud-stat .lbl{font-size:12.5px;color:var(--mu);font-weight:500;margin-bottom:8px;}
.oud-stat .val{font-family:'Be Vietnam Pro','Inter',sans-serif;font-size:26px;font-weight:800;color:var(--ink);line-height:1;}
.oud-stat .val.green{color:var(--gr);}
.oud-stat .val.orange{color:var(--or);}
.oud-stat .val.grad{background:var(--gd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

/* ---------- Danh sách dòng (orders, history) ---------- */
.oud-list{display:flex;flex-direction:column;}
.oud-li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-top:1px solid #F1EFEA;}
.oud-li:first-child{border-top:none;}
.oud-li .l .id{font-family:'Be Vietnam Pro','Inter',sans-serif;font-size:14.5px;font-weight:700;color:var(--vi);text-decoration:none;}
.oud-li .l .id:hover{text-decoration:underline;}
.oud-li .l .date{font-size:12.5px;color:var(--mu);margin-top:3px;}
.oud-li .r{display:flex;align-items:center;gap:12px;}
.oud-li .amt{font-family:'Be Vietnam Pro','Inter',sans-serif;font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;}

/* ---------- Badge trạng thái ---------- */
.oud-badge{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:99px;text-transform:lowercase;white-space:nowrap;}
.oud-badge.is-green{background:#ECFDF3;color:#15803D;}
.oud-badge.is-orange{background:#FFF7ED;color:#C2620C;}
.oud-badge.is-gray{background:#F1EFEA;color:#56525F;}
.oud-badge.is-violet{background:var(--mist);color:var(--vi);}

/* ---------- Link xem tất cả ---------- */
.oud-seeall{font-size:13.5px;font-weight:600;color:var(--vi);text-decoration:none;}
.oud-seeall:hover{text-decoration:underline;}

/* ---------- Card gói đang dùng (membership) ---------- */
.oud-plan{
    display:flex;align-items:center;gap:18px;flex-wrap:wrap;
    background:linear-gradient(135deg,#F6F4FB 0%,#EEF3FF 100%);
    border:1px solid var(--bv);border-radius:14px;padding:22px;margin-bottom:18px;
}
.oud-plan-ic{flex-shrink:0;width:54px;height:54px;border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid var(--bv);}
.oud-plan-ic svg{width:26px;height:26px;stroke:var(--vi);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.oud-plan-mid{flex:1;min-width:180px;}
.oud-plan-mid h3{font-family:'Be Vietnam Pro','Inter',sans-serif;font-size:18px;font-weight:800;color:var(--ink);margin:0 0 5px;}
.oud-plan-mid p{font-size:13px;color:var(--sl);margin:0;line-height:1.6;}
.oud-plan-days{flex-shrink:0;text-align:center;background:#ECFDF3;border-radius:12px;padding:12px 18px;}
.oud-plan-days b{display:block;font-family:'Be Vietnam Pro','Inter',sans-serif;font-size:26px;font-weight:800;color:var(--gr);line-height:1;}
.oud-plan-days small{font-size:10px;font-weight:700;letter-spacing:.5px;color:#15803D;text-transform:uppercase;}

/* ---------- Progress bar (download) ---------- */
.oud-dl-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
.oud-dl-top .eyebrow{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--mu);text-transform:uppercase;}
.oud-dl-top h3{font-family:'Be Vietnam Pro','Inter',sans-serif;font-size:19px;font-weight:800;color:var(--ink);margin:2px 0 0;}
.oud-dl-meta{display:flex;gap:26px;text-align:right;}
.oud-dl-meta .k{font-size:11px;color:var(--mu);margin-bottom:3px;}
.oud-dl-meta .v{font-family:'Be Vietnam Pro','Inter',sans-serif;font-size:16px;font-weight:800;color:var(--ink);}
.oud-bar-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:7px;}
.oud-bar-row .lbl{color:var(--sl);font-weight:500;}
.oud-bar-row .num{font-family:'Be Vietnam Pro','Inter',sans-serif;font-weight:800;color:var(--ink);}
.oud-bar{height:9px;border-radius:99px;background:#F1EFEA;overflow:hidden;}
.oud-bar i{display:block;height:100%;border-radius:99px;background:var(--gd);transition:width .4s;}
.oud-bar.warn i{background:linear-gradient(90deg,#F18A1B,#E0701F);}
.oud-bar.full i{background:linear-gradient(90deg,#DC2626,#B23A7D);}
.oud-dl-warn{font-size:12.5px;color:var(--or);margin-top:8px;font-weight:500;}
.oud-dl-catalog{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 16px;background:#ECFDF3;border-radius:10px;font-size:13.5px;color:#15803D;font-weight:500;}
.oud-dl-catalog a{color:var(--vi);font-weight:600;text-decoration:none;white-space:nowrap;}
.oud-dl-catalog a:hover{text-decoration:underline;}

/* ---------- Sản phẩm đã mua ---------- */
.oud-prod{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--bd);border-radius:12px;margin-bottom:10px;}
.oud-prod img,.oud-prod .ph{width:56px;height:56px;border-radius:10px;object-fit:cover;border:1px solid var(--bd);flex-shrink:0;background:var(--mist);}
.oud-prod .info{flex:1;min-width:0;}
.oud-prod .info b{font-family:'Be Vietnam Pro','Inter',sans-serif;font-size:14.5px;font-weight:700;color:var(--ink);display:block;}
.oud-prod .info small{font-size:12px;color:var(--mu);}
.oud-prod .act .button{font-size:13px!important;padding:8px 16px!important;}
.oud-prod .nofile{font-size:12.5px;color:var(--mu);font-style:italic;}

/* ---------- Nút ---------- */
.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account input[type="submit"],
.oud-btn{
    display:inline-flex;align-items:center;justify-content:center;
    background:var(--gd)!important;color:#fff!important;border:none!important;
    border-radius:9px!important;padding:11px 22px!important;font-size:14px!important;
    font-weight:700!important;font-family:'Be Vietnam Pro','Inter',sans-serif!important;
    cursor:pointer;transition:opacity .15s,transform .15s,box-shadow .15s;
    text-decoration:none!important;line-height:1.2!important;
}
.woocommerce-account .button:hover,.oud-btn:hover,
.woocommerce-account button.button:hover,
.woocommerce-account input[type="submit"]:hover{
    opacity:.92;transform:translateY(-1px);box-shadow:0 8px 22px rgba(74,30,158,.3);color:#fff!important;
}
.oud-btn-ghost{background:#fff!important;color:var(--vi)!important;border:1.5px solid var(--bv)!important;box-shadow:none!important;}
.oud-btn-ghost:hover{border-color:var(--vi)!important;background:var(--mist)!important;box-shadow:none!important;transform:translateY(-1px);}

/* ---------- Form (Tài khoản) ---------- */
.oud-form .fld{margin-bottom:16px;}
.oud-form .frow{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:600px){.oud-form .frow{grid-template-columns:1fr;}}
.oud-form label{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:6px;}
.oud-form input{
    width:100%;padding:11px 14px;font-size:14px;color:var(--ink);background:#fff;
    border:1.5px solid var(--bd);border-radius:9px;outline:none;
    transition:border-color .15s,box-shadow .15s;font-family:'Inter',sans-serif;-webkit-appearance:none;
}
.oud-form input:focus{border-color:var(--vi);box-shadow:0 0 0 3px rgba(74,30,158,.11);}
.oud-form input:disabled,.oud-form input[readonly]{background:#F6F5F3;color:var(--sl);cursor:not-allowed;}
.oud-form .hint{font-size:12px;color:var(--mu);margin-top:5px;}

/* ---------- Notice ---------- */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error{
    border-radius:10px;border:1px solid var(--bv);background:var(--mist);color:var(--ink);
    padding:13px 16px;font-size:14px;list-style:none;border-left:3px solid var(--vi);margin-bottom:18px;
}
.woocommerce-account .woocommerce-error{background:#FEF2F2;border-color:#FCA5A5;border-left-color:#DC2626;color:#991B1B;}
.woocommerce-account .woocommerce-message{background:#ECFDF3;border-color:#A7F3D0;border-left-color:#15803D;color:#15803D;}

/* ---------- Empty state ---------- */
.oud-empty{text-align:center;padding:30px 16px;color:var(--mu);font-size:14px;}

.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E") center/contain no-repeat;}
.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='8' y1='13' x2='16' y2='13'/%3E%3Cline x1='8' y1='17' x2='13' y2='17'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='8' y1='13' x2='16' y2='13'/%3E%3Cline x1='8' y1='17' x2='13' y2='17'/%3E%3C/svg%3E") center/contain no-repeat;}
.woocommerce-account .woocommerce-MyAccount-navigation-link--download a::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center/contain no-repeat;}
.woocommerce-account .woocommerce-MyAccount-navigation-link--my-membership a::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18h18'/%3E%3Cpath d='M5 18l-2-9 5 4 4-7 4 7 5-4-2 9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18h18'/%3E%3Cpath d='M5 18l-2-9 5 4 4-7 4 7 5-4-2 9'/%3E%3C/svg%3E") center/contain no-repeat;}
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%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") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%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") center/contain no-repeat;}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%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") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%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") center/contain no-repeat;}

/* ============================================================
   POLISH — làm nhạt mọi đường kẻ table mặc định + cân khoảng cách
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-content table,
.woocommerce-account .woocommerce-MyAccount-content table th,
.woocommerce-account .woocommerce-MyAccount-content table td{
    border-color:#F1EFEA !important;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table{
    border:1px solid #E8E6E1 !important;border-radius:12px;overflow:hidden;
    border-collapse:separate !important;border-spacing:0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th{
    background:#F6F4FB;color:#19152E;font-size:11.5px;font-weight:700;
    text-transform:uppercase;letter-spacing:.03em;border:none !important;padding:13px 16px;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td{
    border-top:1px solid #F1EFEA !important;padding:14px 16px;font-size:14px;color:#56525F;
}

/* Cân khoảng cách card & list */
.oud-card{padding:24px;}
.oud-card + .oud-card{margin-top:18px;}
.oud-li{padding:16px 0;}
.oud-h{margin-bottom:16px;}
.woocommerce-account .woocommerce-MyAccount-content > :last-child{margin-bottom:0;}

/* ============================================================
   ACCESS POLICY — thời hạn tải sản phẩm lẻ / gói thành viên
   ============================================================ */
.oud-policy-note{
    display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;
    background:#F6F4FB;border:1px solid #E2DEF0;border-left:4px solid #4A1E9E;
    border-radius:12px;padding:14px 16px;margin:0 0 18px;
    color:#56525F;font-size:13.5px;line-height:1.65;
}
.oud-policy-note strong{color:#19152E;font-weight:800;}
.oud-policy-note b{color:#4A1E9E;font-weight:800;}
.oud-prod.is-expired{background:#FCFCFB;opacity:.82;}
.oud-prod .nofile.is-expired{color:#DC2626;font-style:normal;font-weight:700;}
.oud-row-note{font-size:12px;color:#A9A6AE;margin-top:4px;line-height:1.5;}
@media(max-width:620px){
    .oud-prod{align-items:flex-start;}
    .oud-prod .act{width:100%;padding-left:70px;}
    .oud-prod .act .button{width:100%;}
    .oud-policy-note{display:block;}
    .oud-policy-note strong{display:block;margin-bottom:3px;}
}