/* =========================================================
   LUÂN APPLE - STYLE.CSS CLEAN WP ADMIN FINAL
   File dùng để thay toàn bộ: public_html/myweb/assets/style.css

   Mục tiêu:
   - Giữ giao diện public: header, menu, banner, danh mục, sản phẩm, footer
   - Làm admin full rộng, nền xám kiểu WordPress
   - Sidebar admin nền xám đậm, chữ trắng/xám, hover đẹp
   - Không làm hư editor: select không bị che, toolbar không bị rối
   - Responsive tablet/mobile
========================================================= */

/* ===== ROOT ===== */
:root{
    --primary:#16a34a;
    --blue:#2563eb;
    --dark:#0f172a;
    --body-bg:#f3f4f6;
    --body-text:#111827;
    --body-font:Arial,"Segoe UI",Tahoma,Helvetica,sans-serif;
    --body-size:16px;
    --btn:#2563eb;
    --footer-bg:#0f172a;
    --footer-text:#d1d5db;

    --wp-bg:#f0f0f1;
    --wp-sidebar:#1d2327;
    --wp-sidebar-hover:#2c3338;
    --wp-text:#c3c4c7;
    --wp-active:#2271b1;
    --wp-border:#dcdcde;
}

/* ===== BASE ===== */
*,
*::before,
*::after{box-sizing:border-box}

html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
}

body{
    margin:0;
    font-family:var(--body-font);
    font-size:var(--body-size);
    background:var(--body-bg);
    color:var(--body-text);
    line-height:1.5;
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

a{
    text-decoration:none;
    color:inherit;
}

img{
    max-width:100%;
    height:auto;
}

button,
input,
select,
textarea{
    font-family:var(--body-font);
}

.container{
    width:1180px;
    max-width:calc(100% - 24px);
    margin:auto;
}

/* ===== TOP + HEADER ===== */
.top-line,
.topbar{
    background:#0f172a;
    color:#fff;
    font-size:14px;
}

.top-line-inner{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:8px 0;
}

.site-header{
    background:#fff;
}

.header-inner{
    display:flex;
    align-items:center;
    gap:22px;
    padding:14px 0;
}

.logo{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:160px;
    font-weight:900;
    color:#2563eb;
}

.logo img{
    max-width:150px;
    max-height:58px;
    object-fit:contain;
}

.logo-mark{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#e0f2fe;
    color:#0369a1;
    border-radius:14px;
    font-weight:900;
}

.search-form{
    flex:1;
    display:flex;
    background:#f8fafc;
    border:1px solid #e5e7eb;
    border-radius:999px;
    overflow:hidden;
}

.search-form input{
    flex:1;
    border:0;
    outline:0;
    background:transparent;
    padding:14px 18px;
    font-size:15px;
}

.search-form button{
    border:0;
    background:var(--primary);
    color:#fff;
    font-weight:500;
    padding:0 28px;
    cursor:pointer;
}

/* ===== FRONT MENU ===== */
.main-menu{
    background:var(--blue);
    color:#fff;
    position:relative;
    z-index:50;
}

.menu-inner{
    display:flex;
    align-items:center;
    gap:3px;
}

.menu-item{
    position:relative;
}

.menu-link{
    display:block;
    color:inherit;
    padding:14px 18px;
    font-weight:500;
    white-space:nowrap;
}

.menu-link:hover{
    background:rgba(255,255,255,.16);
}

.submenu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:240px;
    background:#fff;
    color:#111827;
    border-radius:14px;
    padding:8px;
    box-shadow:0 18px 45px rgba(0,0,0,.14);
    border:1px solid #e5e7eb;
    z-index:80;
}

.menu-item:hover>.submenu{
    display:block;
}

.submenu .menu-link{
    color:#111827;
    padding:10px 12px;
    border-radius:10px;
    font-weight:400;
}

.submenu .menu-link:hover{
    background:#eff6ff;
    color:#2563eb;
}

.sub-right{
    left:100%;
    top:0;
}

/* menu tùy chỉnh từ admin */
.main-menu .menu-link{
    font-family:var(--menu-font, Arial, Helvetica, sans-serif) !important;
    font-size:var(--menu-size, 16px) !important;
    font-weight:var(--menu-weight, 500) !important;
    padding:var(--menu-py, 14px) var(--menu-px, 18px) !important;
    text-transform:var(--menu-transform, none) !important;
    border-radius:var(--menu-radius, 0px) !important;
    color:inherit !important;
    letter-spacing:-.2px;
}

.main-menu .submenu .menu-link{
    font-family:var(--menu-font, Arial, Helvetica, sans-serif) !important;
    font-size:calc(var(--menu-size, 16px) - 1px) !important;
    font-weight:400 !important;
    padding:10px 12px !important;
    text-transform:none !important;
    color:#111827 !important;
}

/* ===== BUTTON ===== */
.btn{
    display:inline-block;
    border:0;
    background:var(--btn);
    color:#fff;
    padding:12px 20px;
    border-radius:12px;
    font-weight:900;
    cursor:pointer;
    text-align:center;
}

.btn.green{background:#16a34a}
.btn.gray{background:#64748b}
.btn.red{background:#dc2626}

.btn.small{
    padding:8px 12px;
    border-radius:10px;
    font-size:13px;
}

/* ===== HERO / BANNER ===== */
.hero-wrap{
    max-width:1180px;
    margin:26px auto;
}

.hero{
    background:#fff;
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 16px 45px rgba(15,23,42,.08);
    display:grid;
    grid-template-columns:1.1fr .9fr;
}

.hero img{
    width:100%;
    height:360px;
    object-fit:cover;
    display:block;
}

.hero-text{
    padding:42px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
}

.hero-text h1{
    font-size:38px;
    line-height:1.2;
    margin:0 0 14px;
    color:#111827;
}

.hero-text p{
    font-size:20px;
    line-height:1.7;
    color:#475569;
}

/* banner đầu trang hiện đủ ảnh khi cần */
.hero-banner,
.banner-item,
.home-banner,
.banner-box{
    overflow:hidden !important;
}

.hero-banner img,
.banner-item img,
.home-banner img,
.banner-box img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
}

/* ===== SECTIONS ===== */
.section-box{
    max-width:1180px;
    margin:24px auto;
    background:#fff;
    border-radius:24px;
    padding:26px;
    box-shadow:0 12px 35px rgba(15,23,42,.05);
}

.section-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
}

.section-box h2{
    margin:0;
    font-size:24px;
}

.category-page-full,
.product-detail-page,
.page-wrap{
    max-width:1200px;
    margin:32px auto;
    padding:0 16px;
}

.category-hero-box,
.category-section-box,
.product-detail-box,
.product-description-box,
.content-box{
    background:#fff;
    border-radius:22px;
    padding:26px;
    box-shadow:0 12px 35px rgba(15,23,42,.05);
    margin-bottom:22px;
}

.category-hero-box h1{
    margin:0;
    font-size:30px;
}

.category-hero-box p{
    color:#64748b;
    line-height:1.6;
}

.empty{
    background:#f8fafc;
    color:#64748b;
    border-radius:14px;
    padding:18px;
}

/* ===== HOME CATEGORY CARD ===== */
.category-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:14px;
}

.cat-card{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:70px;
    border:1px solid #e5e7eb;
    background:#fff;
    border-radius:16px;
    padding:12px;
    font-weight:900;
    font-size:20px;
    box-shadow:0 8px 22px rgba(0,0,0,.04);
    transition:.2s;
    text-align:center;
    overflow:hidden;
}

.cat-card img{
    max-width:42px;
    max-height:42px;
    margin-right:8px;
    object-fit:contain;
}

.cat-card:hover{
    transform:translateY(-2px);
    border-color:#2563eb;
    color:#2563eb;
}

.category-grid .cat-card{
    font-family:var(--home-cat-font, "Segoe UI", Arial, sans-serif) !important;
    font-size:var(--home-cat-size, 16px) !important;
    font-weight:var(--home-cat-weight, 700) !important;
    text-transform:var(--home-cat-transform, none) !important;
    min-height:var(--home-cat-height, 58px) !important;
    border-radius:var(--home-cat-radius, 14px) !important;
    letter-spacing:-.25px;
}

/* ===== CATEGORY CHILD ===== */
.category-section-box .category-child-grid{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:14px !important;
    align-items:stretch !important;
}

.category-section-box .category-child-grid .cat-child-card{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:190px !important;
    height:190px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;

    padding:18px 10px 12px !important;
    border:1px solid #e5e7eb !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:none !important;
    overflow:hidden !important;
    transition:.18s ease !important;
    text-decoration:none !important;
}

.category-section-box .category-child-grid .cat-child-card:hover{
    transform:translateY(-2px) !important;
    border-color:#3b82f6 !important;
    box-shadow:0 4px 12px rgba(15,23,42,.10) !important;
}

.category-section-box .category-child-grid .cat-child-card,
.category-section-box .category-child-grid .cat-child-card *{
    text-transform:none !important;
}

.category-section-box .category-child-grid .cat-child-card img{
    width:100px !important;
    height:100px !important;
    max-width:100px !important;
    max-height:100px !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 auto !important;
    flex:0 0 auto !important;
    border-radius:0 !important;
}

.category-section-box .category-child-grid .cat-child-card strong,
.category-section-box .category-child-grid .cat-child-card .cat-child-title{
    width:auto !important;
    max-width:calc(100% - 10px) !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;

    display:block !important;
    padding:7px 11px !important;
    margin:0 auto !important;

    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size:13.5px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:-0.15px !important;
    text-align:center !important;
    color:#0f172a !important;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow:hidden !important;
    text-overflow:clip !important;

    border:1px solid #dbe3ef !important;
    border-radius:10px !important;
    background:#f8fafc !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
}

/* Card không có ảnh */
.category-section-box .category-child-grid .cat-child-card:not(:has(img)){
    height:76px !important;
    min-height:76px !important;
    padding:10px 12px !important;
    gap:0 !important;
    justify-content:center !important;
    border-radius:16px !important;
    box-shadow:0 6px 18px rgba(15,23,42,.04) !important;
}

.category-section-box .category-child-grid .cat-child-card:not(:has(img)) strong,
.category-section-box .category-child-grid .cat-child-card:not(:has(img)) .cat-child-title{
    width:calc(100% - 6px) !important;
    max-width:calc(100% - 6px) !important;
    font-size:13px !important;
    padding:7px 8px !important;
}

/* ===== PRODUCT CARD ===== */
.grid{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:12px !important;
}

.product-card{
    display:flex !important;
    flex-direction:column !important;
    background:#fff !important;
    border:1px solid #e5e7eb !important;
    border-radius:7px !important;
    overflow:hidden !important;
    box-shadow:none !important;
    transition:.18s ease !important;
    min-height:100% !important;
}

.product-card:hover{
    transform:translateY(-2px) !important;
    border-color:#ee4d2d !important;
    box-shadow:0 2px 8px rgba(0,0,0,.12) !important;
}

.product-card img{
    width:100% !important;
    aspect-ratio:1 / 1 !important;
    object-fit:contain !important;
    display:block !important;
    padding:10px 10px 4px !important;
    background:#fff !important;
    margin:0 !important;
    border-radius:0 !important;
}

.product-card .badge{
    display:none !important;
}

.product-card h3{
    width:calc(100% - 16px) !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;

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

    margin:6px auto 8px !important;
    padding:6px 8px !important;

    background:#fff7ed !important;
    border:1px solid #fed7aa !important;
    border-radius:6px !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.25 !important;
    letter-spacing:-0.15px !important;
    color:#111827 !important;
    text-align:center !important;

    overflow:hidden !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
    -webkit-line-clamp:unset !important;
    -webkit-box-orient:unset !important;
    text-transform:none !important;
}

.product-card .price,
.product-card .product-price,
.product-card p.price,
.product-card div.price,
.price{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:76px !important;
    height:28px !important;

    margin:0 auto 10px !important;
    padding:0 !important;

    background:#fff5f5 !important;
    border:1px solid #fecaca !important;
    border-radius:999px !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:-0.1px !important;
    color:#dc2626 !important;
    text-align:center !important;
    white-space:nowrap !important;
}

/* ===== PRODUCT DETAIL / RICH CONTENT ===== */
.product-detail-box{
    display:grid;
    grid-template-columns:36% 1fr 280px;
    gap:24px;
}

.product-detail-content,
.product-description,
.product-detail .description,
.product-content,
.product-info,
.product-long-description,
.product-short-content,
.product-full-content{
    font-family:var(--body-font) !important;
    font-size:14.5px !important;
    line-height:1.7 !important;
    color:#0f172a !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    font-weight:400 !important;
}

.product-detail-content *,
.product-description *,
.product-content *,
.product-short-content *,
.product-full-content *{
    max-width:100% !important;
}

.product-short-content img,
.product-full-content img{
    max-width:100%;
    height:auto;
    border-radius:12px;
}

.product-short-content table,
.product-full-content table{
    width:100%;
    border-collapse:collapse;
}

.product-short-content td,
.product-short-content th,
.product-full-content td,
.product-full-content th{
    border:1px solid #dbe3ef;
    padding:8px;
}

.product-short-content h1,
.product-full-content h1,
.product-description h1,
.product-content h1{
    font-size:18px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    margin:0 0 10px !important;
}

.product-short-content h2,
.product-full-content h2,
.product-description h2,
.product-content h2{
    font-size:17px !important;
    line-height:1.4 !important;
    font-weight:700 !important;
    margin:16px 0 8px !important;
}

.product-short-content h3,
.product-full-content h3,
.product-description h3,
.product-content h3{
    font-size:16px !important;
    line-height:1.4 !important;
    font-weight:700 !important;
    margin:14px 0 8px !important;
}

/* ===== NEWS / CONTACT ===== */
.news-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.news-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 22px rgba(0,0,0,.06);
}

.news-card img{
    width:100%;
    height:180px;
    object-fit:cover;
    background:#f1f5f9;
}

.news-card .p{
    padding:16px;
}

.contact-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

/* ===== PAGINATION ===== */
.pagination,
.product-pagination,
.category-pagination,
.page-numbers{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:6px !important;
    flex-wrap:wrap !important;
    margin:18px 0 8px !important;
}

.pagination a,
.pagination span,
.product-pagination a,
.product-pagination span,
.category-pagination a,
.category-pagination span,
.page-numbers a,
.page-numbers span{
    min-width:30px !important;
    height:30px !important;
    padding:0 9px !important;
    border-radius:9px !important;
    font-size:13px !important;
    line-height:30px !important;
    font-weight:500 !important;
    text-align:center !important;
    text-decoration:none !important;
    border:1px solid #dbeafe;
    background:#fff;
    color:#2563eb;
}

.pagination a.active,
.pagination span.active,
.product-pagination a.active,
.category-pagination a.active,
.page-numbers .active{
    background:#2563eb;
    color:#fff;
    border-color:#2563eb;
    font-size:13px !important;
    font-weight:600 !important;
}

/* ===== FOOTER ===== */
.site-footer{
    margin-top:40px;
    background:var(--footer-bg);
    color:var(--footer-text);
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.4fr;
    gap:24px;
    padding:38px 0;
}

.footer-grid h3{
    color:#fff;
}

.footer-grid a{
    display:block;
    color:#dbeafe;
    margin:8px 0;
}

.copyright{
    text-align:center;
    border-top:1px solid rgba(255,255,255,.11);
    padding:14px;
    color:#94a3b8;
}

/* =========================================================
   ADMIN FULL - WORDPRESS STYLE
========================================================= */

/* Chỉ áp dụng mạnh cho khu vực có admin */
body:has(.admin-layout),
body:has(.admin-sidebar),
body:has(.la-admin-sidebar),
body:has(.admin-content){
    background:var(--wp-bg) !important;
    color:#1d2327 !important;
}

/* Tránh header public đè nhìn khó ở admin */
body:has(.admin-layout) .site-footer{
    display:none !important;
}

.admin-layout{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:24px 30px !important;
    display:grid !important;
    grid-template-columns:250px minmax(0,1fr) !important;
    gap:26px !important;
    align-items:start !important;
    box-sizing:border-box !important;
    background:var(--wp-bg) !important;
    overflow:visible !important;
}

/* Nếu admin đang nằm sau menu public thì vẫn full */
.admin-content{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
}

.admin-content h1,
.admin-content h2{
    color:#1d2327 !important;
    font-weight:700 !important;
    letter-spacing:-.3px !important;
}

/* Sidebar admin kiểu WP */
.admin-sidebar,
.la-admin-sidebar{
    width:250px !important;
    min-width:250px !important;
    max-width:250px !important;
    background:var(--wp-sidebar) !important;
    color:var(--wp-text) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    border:none !important;
    padding:0 !important;
    position:sticky !important;
    top:14px !important;
    overflow:hidden !important;
    z-index:30 !important;
    align-self:start !important;
}

/* Brand */
.admin-sidebar h3,
.admin-sidebar .brand,
.admin-sidebar .brand-title,
.admin-sidebar strong,
.la-admin-brand{
    color:#fff !important;
}

.admin-sidebar h3,
.la-admin-brand{
    margin:0 !important;
    padding:16px 16px 14px !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    background:#1d2327 !important;
}

.la-admin-brand{
    display:block !important;
}

.la-admin-logo{
    display:none !important;
}

.la-admin-brand span,
.admin-sidebar .brand span{
    display:block !important;
    color:#a7aaad !important;
    font-size:13px !important;
    font-weight:400 !important;
    margin-top:3px !important;
}

/* Menu */
.admin-sidebar a,
.la-admin-nav a{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    min-height:42px !important;
    color:var(--wp-text) !important;
    background:transparent !important;
    padding:11px 16px !important;
    margin:0 !important;
    border-radius:0 !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.25 !important;
    text-decoration:none !important;
    border-left:4px solid transparent !important;
    box-sizing:border-box !important;
    transform:none !important;
    transition:background .15s ease,color .15s ease,border-color .15s ease !important;
}

.admin-sidebar a:hover,
.la-admin-nav a:hover{
    background:var(--wp-sidebar-hover) !important;
    color:#72aee6 !important;
    border-left-color:#72aee6 !important;
    transform:none !important;
}

.admin-sidebar a.active,
.la-admin-nav a.active{
    background:var(--wp-active) !important;
    color:#fff !important;
    border-left-color:#72aee6 !important;
    transform:none !important;
}

.admin-sidebar a.logout,
.admin-sidebar .logout,
.la-admin-nav a.logout{
    background:#3c434a !important;
    color:#ffb4b4 !important;
    margin:10px 12px 12px !important;
    width:calc(100% - 24px) !important;
    border-radius:4px !important;
    border-left:none !important;
    min-height:38px !important;
    justify-content:flex-start !important;
}

.admin-sidebar a.logout:hover,
.admin-sidebar .logout:hover,
.la-admin-nav a.logout:hover{
    background:#b32d2e !important;
    color:#fff !important;
}

/* Admin boxes */
.admin-box,
.admin-card,
.table-box,
form.admin-box,
.section-admin-grid > .admin-box,
.admin-stat{
    background:#fff !important;
    border:1px solid var(--wp-border) !important;
    border-radius:8px !important;
    box-shadow:0 1px 2px rgba(0,0,0,.04) !important;
    padding:18px !important;
    overflow:visible !important;
}

/* Grid/forms */
.admin-page-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    margin-bottom:16px;
}

.admin-tabs{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin:0 0 16px;
}

.admin-tabs a,
.device-actions button{
    border:1px solid #c3c4c7 !important;
    background:#fff !important;
    color:#2271b1 !important;
    border-radius:4px !important;
    padding:8px 12px !important;
    font-weight:700 !important;
    cursor:pointer;
}

.admin-tabs a:hover,
.device-actions button:hover{
    border-color:#2271b1 !important;
    color:#135e96 !important;
}

.device-actions button.active,
.admin-tabs a.active{
    background:#2271b1 !important;
    color:#fff !important;
    border-color:#2271b1 !important;
}

.form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

label{
    display:block;
    font-weight:700;
    margin:12px 0 6px;
}

input,
select,
textarea{
    width:100%;
    border:1px solid #c3c4c7;
    border-radius:4px;
    padding:10px 11px;
    font-size:14px;
    background:#fff;
    color:#1d2327;
}

textarea{
    min-height:120px;
}

input:focus,
select:focus,
textarea:focus{
    border-color:#2271b1 !important;
    box-shadow:0 0 0 1px #2271b1 !important;
    outline:none !important;
}

.color-row{
    display:grid;
    grid-template-columns:90px 1fr;
    gap:10px;
    align-items:center;
}

.color-row input[type=color]{
    height:43px;
    padding:3px;
}

.alert{
    background:#ecfdf5;
    color:#166534;
    padding:12px;
    border-radius:6px;
    margin-bottom:14px;
    font-weight:700;
    border:1px solid #bbf7d0;
}

/* Tables */
.admin-table,
.admin-content table{
    width:100% !important;
    border-collapse:collapse !important;
    background:#fff !important;
}

.admin-table th,
.admin-table td,
.admin-content table th,
.admin-content table td{
    border-bottom:1px solid #dcdcde !important;
    padding:10px !important;
    text-align:left !important;
    vertical-align:top !important;
}

.admin-table th,
.admin-content table th{
    background:#f6f7f7 !important;
    color:#1d2327 !important;
    font-weight:700 !important;
    border-bottom:1px solid #c3c4c7 !important;
}

.admin-table tr:hover,
.admin-content table tr:hover{
    background:#f6f7f7 !important;
}

/* Buttons admin */
.admin-content .btn,
.admin-content button,
.admin-content input[type="submit"]{
    border-radius:4px !important;
}

.admin-content .btn.green,
.admin-content button.green,
.admin-content input[type="submit"].green{
    background:#2271b1 !important;
    color:#fff !important;
    border-color:#2271b1 !important;
}

.admin-content .btn.green:hover,
.admin-content button.green:hover,
.admin-content input[type="submit"].green:hover{
    background:#135e96 !important;
    border-color:#135e96 !important;
}

/* Dashboard/stat */
.admin-stat-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.admin-stat h2{
    margin:0;
    color:#2271b1;
}

.section-admin-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 400px;
    gap:18px;
}

.sticky-help{
    position:sticky;
    top:20px;
    align-self:start;
}

/* Device preview */
.device-preview-wrap{
    background:#1d2327;
    border-radius:8px;
    padding:18px;
    overflow:auto;
}

.device-frame{
    display:block;
    margin:auto;
    background:#fff;
    border:0;
    border-radius:8px;
    height:720px;
    width:100%;
    max-width:100%;
    transition:.2s;
}

/* =========================================================
   ADMIN DOCS EDITOR - CHỈ STYLE, KHÔNG ĐỤNG LOGIC JS
========================================================= */
.la-docs-editor,
.docs-editor-wrap{
    border:1px solid #dcdcde !important;
    border-radius:8px !important;
    background:#fff !important;
    overflow:visible !important;
    margin:8px 0 14px !important;
    box-shadow:none !important;
    position:relative !important;
    z-index:5 !important;
}

.la-docs-toolbar,
.docs-toolbar{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:7px !important;
    padding:10px !important;
    background:#f6f7f7 !important;
    border-bottom:1px solid #dcdcde !important;
    overflow:visible !important;
    position:relative !important;
    z-index:50 !important;
}

.la-docs-toolbar select,
.docs-toolbar select{
    width:auto !important;
    min-width:190px !important;
    max-width:100% !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 34px 0 10px !important;
    line-height:42px !important;
    border:1px solid #c3c4c7 !important;
    border-radius:4px !important;
    background:#fff !important;
    color:#1d2327 !important;
    font-size:14px !important;
    font-weight:500 !important;
    overflow:visible !important;
}

.la-docs-toolbar .la-font-select,
.docs-toolbar .la-font-select{
    min-width:260px !important;
}

.la-docs-toolbar option,
.docs-toolbar option{
    color:#1d2327 !important;
    background:#fff !important;
    font-size:14px !important;
}

.la-docs-toolbar button,
.docs-toolbar button{
    min-height:36px !important;
    border:1px solid #c3c4c7 !important;
    background:#fff !important;
    color:#1d2327 !important;
    border-radius:4px !important;
    padding:0 10px !important;
    font-size:13px !important;
    font-weight:600 !important;
    cursor:pointer !important;
}

.la-docs-toolbar button:hover,
.docs-toolbar button:hover{
    background:#f0f6fc !important;
    border-color:#2271b1 !important;
    color:#135e96 !important;
}

.la-docs-toolbar .la-label,
.docs-toolbar .la-label,
.la-docs-toolbar span,
.docs-toolbar span{
    color:#1d2327 !important;
    font-size:13px !important;
    font-weight:700 !important;
    width:auto !important;
    display:inline-flex !important;
    align-items:center !important;
}

.la-docs-toolbar input[type=color],
.docs-toolbar input[type=color]{
    width:34px !important;
    height:34px !important;
    padding:2px !important;
    border:1px solid #c3c4c7 !important;
    border-radius:4px !important;
    background:#fff !important;
}

.la-docs-frame,
.docs-area,
.la-rich-area,
.rich-area{
    min-height:260px !important;
    padding:18px !important;
    line-height:1.65 !important;
    outline:0 !important;
    background:#fff !important;
    color:#111827 !important;
    font-family:Arial,"Segoe UI",Tahoma,sans-serif !important;
    font-size:16px !important;
    border:0 !important;
    overflow:auto !important;
}

.la-docs-status,
.docs-status{
    background:#fff !important;
    color:#646970 !important;
    font-size:12px !important;
    padding:7px 12px !important;
    border-top:1px solid #dcdcde !important;
}

/* Tiny old editor fallback */
.rich-wrap{
    border:1px solid #dcdcde;
    border-radius:8px;
    background:#fff;
    overflow:hidden;
}

.rich-toolbar{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    border-bottom:1px solid #dcdcde;
    background:#f6f7f7;
    padding:8px;
}

.rich-toolbar button,
.rich-toolbar select,
.rich-toolbar input{
    width:auto;
    border:1px solid #c3c4c7;
    background:#fff;
    border-radius:4px;
    padding:7px 9px;
    font-weight:700;
}

/* ===== RESPONSIVE ===== */
@media(max-width:1200px){
    .category-section-box .category-child-grid,
    .grid{
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    }
}

@media(max-width:1100px){
    .section-admin-grid{
        grid-template-columns:1fr;
    }

    .admin-stat-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:1000px){
    .hero,
    .product-detail-box,
    .contact-grid{
        grid-template-columns:1fr;
    }

    .category-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .news-grid{
        grid-template-columns:1fr 1fr;
    }

    .menu-inner{
        overflow:auto;
    }

    .footer-grid{
        grid-template-columns:1fr 1fr;
    }

    .form-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:980px){
    .admin-layout{
        grid-template-columns:1fr !important;
        padding:18px !important;
        gap:18px !important;
    }

    .admin-sidebar,
    .la-admin-sidebar{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        position:relative !important;
        top:auto !important;
        border-radius:8px !important;
    }

    .admin-sidebar a,
    .la-admin-nav a{
        border-left:none !important;
        border-bottom:1px solid rgba(255,255,255,.06) !important;
    }

    .la-admin-nav{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:0 !important;
    }
}

@media(max-width:900px){
    .category-section-box .category-child-grid,
    .grid{
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
        gap:10px !important;
    }

    .category-section-box .category-child-grid .cat-child-card{
        height:180px !important;
        min-height:180px !important;
        padding:14px 8px 10px !important;
        gap:10px !important;
    }

    .category-section-box .category-child-grid .cat-child-card img{
        width:86px !important;
        height:86px !important;
        max-width:86px !important;
        max-height:86px !important;
    }

    .category-section-box .category-child-grid .cat-child-card strong,
    .category-section-box .category-child-grid .cat-child-card .cat-child-title{
        font-size:12px !important;
        letter-spacing:-0.25px !important;
        padding:6px 8px !important;
        width:calc(100% - 8px) !important;
        max-width:calc(100% - 8px) !important;
    }
}

@media(max-width:700px){
    .cat-demo{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:560px){
    .top-line-inner{
        display:block;
        text-align:center;
    }

    .header-inner{
        flex-direction:column;
    }

    .search-form{
        width:100%;
    }

    .category-section-box .category-child-grid,
    .grid,
    .category-grid,
    .news-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:8px !important;
    }

    .hero img{
        height:220px;
    }

    .hero-text{
        padding:24px;
    }

    .hero-text h1{
        font-size:28px;
    }

    .footer-grid{
        grid-template-columns:1fr;
    }

    .admin-stat-grid{
        grid-template-columns:1fr;
    }

    .category-section-box,
    .category-hero-box,
    .product-detail-box,
    .product-description-box,
    .content-box{
        padding:16px;
        border-radius:18px;
    }

    .category-section-box .category-child-grid .cat-child-card{
        height:166px !important;
        min-height:166px !important;
        padding:10px 5px 8px !important;
        gap:8px !important;
        border-radius:10px !important;
    }

    .category-section-box .category-child-grid .cat-child-card img{
        width:76px !important;
        height:76px !important;
        max-width:76px !important;
        max-height:76px !important;
    }

    .category-section-box .category-child-grid .cat-child-card strong,
    .category-section-box .category-child-grid .cat-child-card .cat-child-title{
        box-sizing:border-box !important;
        width:calc(100% - 2px) !important;
        max-width:calc(100% - 2px) !important;
        min-width:0 !important;
        height:auto !important;
        min-height:0 !important;
        display:block !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:clip !important;
        font-size:7.4px !important;
        line-height:1.05 !important;
        font-weight:800 !important;
        letter-spacing:-0.65px !important;
        padding:6px 2px !important;
        margin:0 auto !important;
        text-align:center !important;
        border-radius:8px !important;
    }

    .category-section-box .category-child-grid .cat-child-card:not(:has(img)){
        height:62px !important;
        min-height:62px !important;
        padding:8px 6px !important;
    }

    .category-section-box .category-child-grid .cat-child-card:not(:has(img)) strong,
    .category-section-box .category-child-grid .cat-child-card:not(:has(img)) .cat-child-title{
        font-size:10px !important;
        letter-spacing:-0.4px !important;
        padding:6px 4px !important;
    }

    .product-card h3{
        width:calc(100% - 12px) !important;
        height:44px !important;
        min-height:44px !important;
        max-height:44px !important;
        font-size:12px !important;
        font-weight:600 !important;
        line-height:1.2 !important;
        margin:5px auto 7px !important;
        padding:5px 6px !important;
    }

    .product-card .price,
    .product-card .product-price,
    .product-card p.price,
    .product-card div.price{
        width:70px !important;
        height:26px !important;
        font-size:12.5px !important;
        font-weight:700 !important;
        margin-bottom:8px !important;
    }

    .admin-layout{
        padding:10px !important;
        gap:14px !important;
    }

    .admin-sidebar,
    .la-admin-sidebar{
        padding:0 !important;
        border-radius:8px !important;
    }

    .admin-sidebar a,
    .la-admin-nav a{
        font-size:14px !important;
        padding:10px 14px !important;
    }

    .la-admin-nav{
        grid-template-columns:1fr !important;
    }

    .la-docs-toolbar select,
    .la-docs-toolbar .la-font-select,
    .docs-toolbar select,
    .docs-toolbar .la-font-select{
        width:100% !important;
        min-width:100% !important;
    }
}

@media(max-width:390px){
    .category-section-box .category-child-grid .cat-child-card strong,
    .category-section-box .category-child-grid .cat-child-card .cat-child-title{
        font-size:6.8px !important;
        letter-spacing:-0.7px !important;
        padding-left:1px !important;
        padding-right:1px !important;
    }
}
/* =========================================================
   ADMIN STYLE - WP LIKE CLEAN
   Chỉ làm đẹp phần quản trị, không ảnh hưởng logic
========================================================= */

body{
    background:#f1f1f1 !important;
    color:#1d2327 !important;
    font-family:Arial, "Segoe UI", sans-serif !important;
}

/* khu vực admin */
.admin-layout{
    width:min(100%, 1600px) !important;
    max-width:none !important;
    margin:18px auto !important;
    padding:0 16px 30px !important;
    display:grid !important;
    grid-template-columns:240px minmax(0,1fr) !important;
    gap:24px !important;
    align-items:start !important;
}

/* sidebar giống wordpress */
.admin-sidebar,
.la-admin-sidebar{
    background:#1d2327 !important;
    color:#f0f0f1 !important;
    border-radius:0 !important;
    min-height:calc(100vh - 40px) !important;
    padding:0 !important;
    box-shadow:none !important;
    border:none !important;
    overflow:hidden !important;
}

.la-admin-brand{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:18px 16px !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    background:#161c20 !important;
}

.la-admin-logo{
    width:36px !important;
    height:36px !important;
    border-radius:8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#2271b1 !important;
    color:#fff !important;
    font-weight:700 !important;
    font-size:16px !important;
}

.la-admin-brand-text strong{
    display:block !important;
    color:#fff !important;
    font-size:22px !important;
    line-height:1.2 !important;
    font-weight:700 !important; /* giảm đậm */
    margin-bottom:2px !important;
}

.la-admin-brand-text span{
    display:block !important;
    color:#bfc3c8 !important;
    font-size:13px !important;
    font-weight:400 !important;
}

.la-admin-nav{
    display:flex !important;
    flex-direction:column !important;
    padding:8px 0 !important;
}

.admin-sidebar a,
.la-admin-sidebar a{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:12px 16px !important;
    margin:0 !important;
    border-radius:0 !important;
    color:#f0f0f1 !important;
    background:transparent !important;
    font-size:15px !important;
    font-weight:500 !important; /* giảm đậm */
    line-height:1.35 !important;
    border-left:3px solid transparent !important;
    transition:all .18s ease !important;
    text-decoration:none !important;
}

.admin-sidebar a span,
.la-admin-sidebar a span{
    color:inherit !important;
    font-weight:500 !important;
}

.admin-sidebar a:hover,
.la-admin-sidebar a:hover{
    background:#2c3338 !important;
    color:#fff !important;
    border-left-color:#72aee6 !important;
    transform:none !important;
}

.admin-sidebar a.active,
.la-admin-sidebar a.active{
    background:#2271b1 !important;
    color:#fff !important;
    border-left-color:#8ec5ff !important;
}

.admin-sidebar a.logout,
.la-admin-sidebar a.logout{
    margin-top:10px !important;
    background:#2c3338 !important;
    color:#ffb4b4 !important;
}

.admin-sidebar a.logout:hover,
.la-admin-sidebar a.logout:hover{
    background:#b32d2e !important;
    color:#fff !important;
}

/* nội dung chính */
.admin-content,
.admin-main,
.admin-box{
    background:#fff !important;
    color:#1d2327 !important;
    border-radius:12px !important;
    border:1px solid #dcdcde !important;
    box-shadow:none !important;
}

.admin-box{
    padding:22px !important;
    min-height:calc(100vh - 90px) !important; /* dư nền trắng ở dưới */
}

.admin-content h1,
.admin-box h1{
    font-size:34px !important;
    line-height:1.25 !important;
    font-weight:700 !important; /* giảm đậm */
    margin:0 0 18px !important;
    color:#1d2327 !important;
}

.admin-content h2,
.admin-box h2{
    font-size:26px !important;
    font-weight:700 !important;
    margin:0 0 16px !important;
    color:#1d2327 !important;
}

.admin-content h3,
.admin-box h3{
    font-size:20px !important;
    font-weight:600 !important;
    margin:0 0 14px !important;
    color:#1d2327 !important;
}

/* form */
label{
    display:block !important;
    margin:10px 0 6px !important;
    font-size:14px !important;
    font-weight:600 !important; /* giảm đậm */
    color:#1d2327 !important;
}

input,
select,
textarea{
    width:100% !important;
    border:1px solid #8c8f94 !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#1d2327 !important;
    padding:10px 12px !important;
    font-size:14px !important;
    line-height:1.4 !important;
    box-shadow:none !important;
}

input:focus,
select:focus,
textarea:focus{
    border-color:#2271b1 !important;
    outline:none !important;
    box-shadow:0 0 0 1px #2271b1 !important;
}

/* nút */
.btn,
button,
input[type=submit]{
    border-radius:8px !important; /* bo 4 góc */
    font-weight:600 !important;   /* giảm đậm */
}

/* tab / thanh chọn */
.admin-tabs{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin:0 0 18px !important;
}

.admin-tabs a,
.device-actions button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid #c3c4c7 !important;
    background:#fff !important;
    color:#1d2327 !important;
    border-radius:8px !important; /* bo 4 góc */
    padding:10px 14px !important;
    font-size:14px !important;
    font-weight:600 !important; /* giảm đậm */
    line-height:1.2 !important;
    box-shadow:none !important;
    text-decoration:none !important;
}

.admin-tabs a:hover,
.device-actions button:hover{
    background:#f6f7f7 !important;
    border-color:#2271b1 !important;
    color:#2271b1 !important;
}

.admin-tabs a.active,
.device-actions button.active{
    background:#2271b1 !important;
    border-color:#2271b1 !important;
    color:#fff !important;
}

/* editor toolbar */
.la-docs-editor{
    border:1px solid #dcdcde !important;
    border-radius:10px !important;
    overflow:visible !important;
    background:#fff !important;
}

.la-docs-toolbar{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    align-items:center !important;
    padding:10px !important;
    background:#f6f7f7 !important;
    border-bottom:1px solid #dcdcde !important;
    overflow:visible !important;
}

.la-docs-toolbar select{
    flex:1 1 180px !important;
    min-width:160px !important;
    max-width:100% !important;
    border-radius:8px !important;
    background:#fff !important;
    position:relative !important;
    z-index:2 !important;
}

.la-docs-toolbar button{
    width:auto !important;
    border:1px solid #c3c4c7 !important;
    background:#fff !important;
    color:#1d2327 !important;
    border-radius:8px !important;
    padding:8px 12px !important;
    font-size:14px !important;
    font-weight:600 !important;
    box-shadow:none !important;
}

.la-docs-toolbar button:hover{
    border-color:#2271b1 !important;
    color:#2271b1 !important;
    background:#f6f7f7 !important;
}

.la-docs-toolbar .la-label{
    font-size:13px !important;
    font-weight:600 !important;
    color:#1d2327 !important;
}

.la-docs-toolbar input[type="color"]{
    width:42px !important;
    min-width:42px !important;
    height:36px !important;
    padding:2px !important;
    border-radius:8px !important;
    overflow:hidden !important;
}

/* vùng soạn thảo */
.la-docs-frame,
.la-docs-content,
.la-docs-editor iframe{
    background:#fff !important;
}

.la-docs-status{
    padding:8px 12px !important;
    background:#f6f7f7 !important;
    border-top:1px solid #dcdcde !important;
    font-size:12px !important;
    color:#50575e !important;
}

/* preview mobile/tablet */
.device-preview-wrap{
    background:#e5e5e5 !important;
    border-radius:14px !important;
    padding:24px !important;
}

.device-frame{
    background:#fff !important;
    border-radius:18px !important;
    box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
}

/* bảng */
.admin-table{
    width:100% !important;
    border-collapse:collapse !important;
    background:#fff !important;
}

.admin-table th{
    background:#f6f7f7 !important;
    color:#1d2327 !important;
    font-weight:600 !important;
}

.admin-table th,
.admin-table td{
    border:1px solid #dcdcde !important;
    padding:10px 12px !important;
    font-size:14px !important;
}

.admin-table tr:hover{
    background:#f9f9f9 !important;
}

/* responsive */
@media(max-width:1100px){
    .admin-layout{
        grid-template-columns:1fr !important;
    }

    .admin-sidebar,
    .la-admin-sidebar{
        min-height:auto !important;
        border-radius:12px !important;
    }

    .admin-sidebar a,
    .la-admin-sidebar a{
        border-left:none !important;
        border-radius:8px !important;
        margin:2px 8px !important;
    }
}
/* ===== GIẢM ĐẬM CHỮ MENU NGOÀI WEB ===== */

/* menu chính */
.main-nav a,
.site-nav a,
.header-menu a,
nav a{
    font-weight: 500 !important;
}

/* menu cấp 1 */
.main-nav > ul > li > a,
.site-nav > ul > li > a,
.header-menu > ul > li > a{
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* menu xổ xuống / submenu */
.main-nav ul li ul li a,
.site-nav ul li ul li a,
.header-menu ul li ul li a,
.dropdown-menu a,
.submenu a,
.mega-menu a{
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1f2937 !important;
}

/* nếu vẫn còn chỗ quá đậm */
.main-nav strong,
.site-nav strong,
.header-menu strong,
.dropdown-menu strong,
.submenu strong,
.mega-menu strong{
    font-weight: 600 !important;
}
/* =========================================================
   FIX GIẢM ĐẬM MENU NGOÀI WEB - LUÂN APPLE
   Dán cuối cùng trong assets/style.css
========================================================= */

/* Menu chính ngoài web */
.main-menu .menu-inner > .menu-item > .menu-link,
.main-menu .menu-link{
    font-weight:500 !important;
    font-size:15px !important;
    letter-spacing:0 !important;
}

/* Chữ trong menu cha */
.main-menu .menu-link span,
.main-menu .menu-link strong,
.main-menu .menu-link b{
    font-weight:500 !important;
}

/* Menu xổ xuống cấp 1 */
.main-menu .submenu .menu-link{
    font-weight:500 !important;
    font-size:14px !important;
    letter-spacing:0 !important;
    color:#111827 !important;
}

/* Menu xổ xuống cấp 2 bên phải */
.main-menu .submenu .submenu .menu-link,
.main-menu .sub-right .menu-link{
    font-weight:500 !important;
    font-size:14px !important;
}

/* Nếu menu đang bị thẻ strong/b bên trong làm đậm */
.main-menu .submenu strong,
.main-menu .submenu b,
.main-menu .submenu span{
    font-weight:500 !important;
}

/* Hover vẫn giữ đẹp */
.main-menu .menu-link:hover{
    background:rgba(255,255,255,.14) !important;
}

.main-menu .submenu .menu-link:hover{
    background:#eff6ff !important;
    color:#2563eb !important;
}

/* =========================================================
   FINAL OVERRIDE 20260530 - MENU NGOÀI WEB KHÔNG ĐẬM
   Mục tiêu: bắt đúng menu Luân Apple đang dùng .main-menu/.menu-inner/.submenu
   Đặt cuối file để đè toàn bộ code cũ và biến --menu-weight.
========================================================= */

html body .main-menu{
    --menu-weight:400 !important;
    --menu-size:15px !important;
}

html body .main-menu,
html body .main-menu .menu-inner,
html body .main-menu .menu-item,
html body .main-menu .submenu,
html body .main-menu .sub-right{
    font-family:Arial,"Segoe UI",Tahoma,sans-serif !important;
    font-weight:400 !important;
    text-shadow:none !important;
}

/* menu ngang trên cùng */
html body .main-menu .menu-inner > .menu-item > a,
html body .main-menu .menu-inner > .menu-item > .menu-link,
html body .main-menu .menu-link{
    font-family:Arial,"Segoe UI",Tahoma,sans-serif !important;
    font-size:15px !important;
    line-height:1.3 !important;
    font-weight:400 !important;
    letter-spacing:0 !important;
    color:#fff !important;
    text-shadow:none !important;
}

/* mọi chữ bên trong menu cha */
html body .main-menu .menu-link *,
html body .main-menu .menu-inner > .menu-item > a *,
html body .main-menu .menu-inner > .menu-item > .menu-link *{
    font-weight:400 !important;
    font-family:inherit !important;
    letter-spacing:0 !important;
    text-shadow:none !important;
}

/* menu xổ xuống cấp 1, cấp 2 */
html body .main-menu .submenu a,
html body .main-menu .submenu .menu-link,
html body .main-menu .submenu .submenu a,
html body .main-menu .submenu .submenu .menu-link,
html body .main-menu .sub-right a,
html body .main-menu .sub-right .menu-link{
    font-family:Arial,"Segoe UI",Tahoma,sans-serif !important;
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:400 !important;
    letter-spacing:0 !important;
    color:#111827 !important;
    text-shadow:none !important;
}

/* nếu bên trong a có span/strong/b/i thì cũng ép nhẹ */
html body .main-menu .submenu *,
html body .main-menu .sub-right *{
    font-weight:400 !important;
    font-family:Arial,"Segoe UI",Tahoma,sans-serif !important;
    letter-spacing:0 !important;
    text-shadow:none !important;
}

/* chữ đang hover có thể nhấn nhẹ nhưng không quá dày */
html body .main-menu .submenu .menu-item:hover > a,
html body .main-menu .submenu .menu-item:hover > .menu-link,
html body .main-menu .submenu a:hover,
html body .main-menu .submenu .menu-link:hover{
    font-weight:400 !important;
    background:#eff6ff !important;
    color:#2563eb !important;
}

/* sản phẩm trong ảnh cũng đang hơi đậm: giảm nhẹ tiêu đề card */
html body .product-card h3,
html body .product-card h3 *,
html body .product-card .product-title,
html body .product-card .product-title *{
    font-weight:500 !important;
    letter-spacing:0 !important;
}


/* =========================================================
   LUÂN APPLE - FIX GIÁ LIÊN HỆ + NÚT GỌI TƯ VẤN TRANG CHI TIẾT
   Dự phòng ở style.css, detail.php còn có block chốt sau cùng.
========================================================= */
html body.is-public .luan-detail-page .luan-product-price,
html body .luan-detail-page .luan-product-price,
html body .product-detail-page .luan-product-price,
html body .product-detail-box .luan-product-price,
html body .luan-product-main > .price.luan-product-price{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:76px !important;
    height:32px !important;
    max-height:32px !important;
    padding:0 14px !important;
    margin:8px 0 14px !important;
    background:#fff7f7 !important;
    border:1px solid #fecaca !important;
    border-radius:999px !important;
    box-shadow:0 2px 6px rgba(220,38,38,.08) !important;
    font-family:Arial,"Segoe UI",Tahoma,sans-serif !important;
    font-size:17px !important;
    line-height:1 !important;
    font-weight:600 !important;
    color:#dc2626 !important;
    letter-spacing:0 !important;
    text-shadow:none !important;
    text-align:center !important;
    white-space:nowrap !important;
}

html body.is-public .luan-detail-page .luan-call-btn,
html body .luan-detail-page .luan-call-btn,
html body .product-detail-page .luan-call-btn,
html body .luan-call-row .luan-call-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:150px !important;
    height:42px !important;
    max-height:42px !important;
    padding:0 18px !important;
    background:#16a34a !important;
    color:#fff !important;
    border:1px solid #16a34a !important;
    border-radius:12px !important;
    box-shadow:0 8px 18px rgba(22,163,74,.16) !important;
    font-family:Arial,"Segoe UI",Tahoma,sans-serif !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    text-shadow:none !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}
/* Ẩn tiêu đề "Danh mục sản phẩm - tick được nhiều mục" trong form sản phẩm */
#productForm > div.cat-check-box > label:first-child{
    display:none !important;
}
/* Ẩn label đầu tiên trong khung chọn danh mục sản phẩm */
html body #productForm .cat-check-box > label:nth-child(1){
    display:none !important;
}
/* Fix sidebar admin full màn hình */
html,
body{
    min-height:100% !important;
}

body.is-admin,
body:has(.la-admin-sidebar){
    background:#f0f0f1 !important;
    min-height:100vh !important;
}

.admin-layout{
    min-height:100vh !important;
    align-items:stretch !important;
}

.admin-sidebar,
.la-admin-sidebar{
    min-height:100vh !important;
    height:100vh !important;
    position:sticky !important;
    top:0 !important;
    align-self:stretch !important;
    overflow-y:auto !important;
    background:#1d2327 !important;
}

.la-admin-brand{
    position:sticky !important;
    top:0 !important;
    z-index:5 !important;
    background:#1d2327 !important;
}

.la-admin-nav{
    min-height:calc(100vh - 86px) !important;
    background:#1d2327 !important;
}

.la-admin-nav .logout{
    margin-top:18px !important;
}

.admin-content,
.admin-box{
    min-height:calc(100vh - 40px) !important;
}

@media(max-width:1024px){
    .admin-sidebar,
    .la-admin-sidebar{
        height:auto !important;
        min-height:auto !important;
        position:relative !important;
        top:auto !important;
        border-radius:12px !important;
    }

    .la-admin-nav{
        min-height:auto !important;
    }
}
/* Dashboard admin */
.dashboard-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:18px !important;
    margin:22px 0 !important;
}

.dashboard-card{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    padding:20px !important;
    background:#fff !important;
    border:1px solid #dcdcde !important;
    border-radius:12px !important;
    text-decoration:none !important;
    color:#1d2327 !important;
    box-shadow:0 1px 2px rgba(0,0,0,.04) !important;
}

.dashboard-card:hover{
    border-color:#2271b1 !important;
    box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
    transform:translateY(-1px) !important;
}

.dashboard-icon{
    width:48px !important;
    height:48px !important;
    border-radius:12px !important;
    background:#f0f6fc !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:24px !important;
}

.dashboard-card strong{
    display:block !important;
    font-size:24px !important;
    font-weight:700 !important;
    color:#1d2327 !important;
    margin-bottom:4px !important;
}

.dashboard-card span{
    display:block !important;
    font-size:14px !important;
    font-weight:500 !important;
    color:#50575e !important;
}

.dashboard-actions-box{
    margin-top:20px !important;
    min-height:auto !important;
}

.dashboard-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
}

.dashboard-actions a{
    display:inline-flex !important;
    padding:10px 14px !important;
    border-radius:8px !important;
    background:#2271b1 !important;
    color:#fff !important;
    text-decoration:none !important;
    font-weight:600 !important;
}

.dashboard-actions a:hover{
    background:#135e96 !important;
}

@media(max-width:900px){
    .dashboard-grid{
        grid-template-columns:1fr !important;
    }
}
/* ===== DASHBOARD ADMIN ===== */
.dashboard-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:18px !important;
    margin:22px 0 !important;
}

.dashboard-card{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    padding:20px !important;
    background:#fff !important;
    border:1px solid #dcdcde !important;
    border-radius:12px !important;
    text-decoration:none !important;
    color:#1d2327 !important;
    box-shadow:0 1px 2px rgba(0,0,0,.04) !important;
}

.dashboard-card:hover{
    border-color:#2271b1 !important;
    box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
}

.dashboard-icon{
    width:48px !important;
    height:48px !important;
    border-radius:12px !important;
    background:#f0f6fc !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:24px !important;
}

.dashboard-card strong{
    display:block !important;
    font-size:24px !important;
    font-weight:700 !important;
    color:#1d2327 !important;
    margin-bottom:4px !important;
}

.dashboard-card span{
    display:block !important;
    font-size:14px !important;
    font-weight:500 !important;
    color:#50575e !important;
}

.dashboard-actions-box{
    margin-top:20px !important;
    padding:18px !important;
    background:#fff !important;
    border:1px solid #dcdcde !important;
    border-radius:12px !important;
}

.dashboard-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
}

.dashboard-actions a{
    display:inline-flex !important;
    padding:10px 14px !important;
    border-radius:8px !important;
    background:#2271b1 !important;
    color:#fff !important;
    text-decoration:none !important;
    font-weight:600 !important;
}

.dashboard-actions a:hover{
    background:#135e96 !important;
}

@media(max-width:900px){
    .dashboard-grid{
        grid-template-columns:1fr !important;
    }
}
/* =========================================================
   CHÍNH SÁCH SẢN PHẨM GIỐNG MẪU CHUYÊN NGHIỆP
========================================================= */

.luan-policy-card{
    width:100% !important;
    max-width:260px !important;
    background:#fff !important;
    border:1px solid #e5e7eb !important;
    border-radius:6px !important;
    overflow:hidden !important;
    box-shadow:0 8px 24px rgba(15,23,42,.06) !important;
}

.luan-policy-head{
    background:#3f4646 !important;
    color:#fff !important;
    text-align:center !important;
    font-size:15px !important;
    font-weight:700 !important;
    padding:13px 10px !important;
    text-transform:uppercase !important;
    letter-spacing:.2px !important;
}

.luan-policy-line{
    display:flex !important;
    gap:12px !important;
    padding:18px 14px !important;
    border-bottom:1px solid #eeeeee !important;
    align-items:flex-start !important;
}

.luan-policy-line:last-child{
    border-bottom:none !important;
}

.luan-policy-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:50% !important;
    background:#f3f4f6 !important;
    border:2px solid #52585a !important;
    color:#3f4646 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:17px !important;
    font-weight:800 !important;
    line-height:1 !important;
}

.luan-policy-text{
    flex:1 !important;
    min-width:0 !important;
}

.luan-policy-text strong{
    display:block !important;
    color:#333 !important;
    font-size:14px !important;
    font-weight:700 !important;
    margin-bottom:5px !important;
    line-height:1.3 !important;
    text-transform:uppercase !important;
}

.luan-policy-text span{
    display:block !important;
    color:#4b5563 !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.45 !important;
}

/* Ép khung chính sách nằm bên phải đẹp trong chi tiết sản phẩm */
.luan-product-top .luan-policy-card,
.product-detail-box .luan-policy-card{
    margin-left:auto !important;
}

/* Mobile: chính sách xuống dưới và rộng 100% */
@media(max-width:768px){
    .luan-policy-card{
        max-width:100% !important;
        margin-top:18px !important;
    }

    .luan-policy-line{
        padding:15px 12px !important;
    }

    .luan-policy-icon{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        font-size:15px !important;
    }
}