/* DMGD Affiliate */
.dmgd-card{background:#fff;border:1px solid #e6e8ec;border-radius:14px;padding:22px;margin:0 0 18px;box-shadow:0 2px 10px rgba(20,30,60,.04)}
.dmgd-card h2,.dmgd-card h3{margin-top:0}
.dmgd-muted{color:#7a828e;font-size:.9em}
.dmgd-register label,.dmgd-card label{display:block;font-weight:600;margin:12px 0 4px}
.dmgd-register input,.dmgd-register select,.dmgd-register textarea,.dmgd-copy input,#dmgd-linkgen{width:100%;padding:10px 12px;border:1px solid #cfd4dc;border-radius:8px;font-size:15px;box-sizing:border-box}
.dmgd-register .dmgd-type-select{display:block;width:100%;min-width:0;height:auto;min-height:48px;padding:11px 42px 11px 14px!important;line-height:1.45!important;color:#1f2733!important;background-color:#fff!important;font-size:16px!important;white-space:normal}
.dmgd-register .dmgd-type-select option{color:#1f2733;background:#fff;font-size:16px}
.dmgd-optional{font-weight:400;color:#6b7280;font-size:.9em}
.dmgd-btn{display:inline-block;padding:10px 16px;border-radius:8px;border:1px solid #cfd4dc;background:#f4f6f9;color:#1f2733;cursor:pointer;font-weight:600;text-decoration:none;font-size:14px}
.dmgd-btn:hover{background:#e9edf3}
.dmgd-btn-primary{background:linear-gradient(135deg,#e63946,#d00000);border-color:#d00000;color:#fff}
.dmgd-btn-primary:hover{opacity:.92;color:#fff}
.dmgd-register button{margin-top:18px}
.dmgd-alert{padding:12px 16px;border-radius:10px;margin:0 0 16px;font-weight:500}
.dmgd-ok{background:#e7f7 ;background:#e7f7ee;color:#0a7a41;border:1px solid #b7e6cc}
.dmgd-warn{background:#fff6e5;color:#8a5a00;border:1px solid #f2d99a}
.dmgd-err{background:#fdecec;color:#b3261e;border:1px solid #f3b7b3}
.dmgd-copy{display:flex;gap:8px;align-items:center}
.dmgd-copy input{flex:1}
.dmgd-badge{display:inline-block;background:#eef2f7;color:#334;padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:600}
/* Dashboard */
.dmgd-dash-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.dmgd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}
.dmgd-stat{background:#fff;border:1px solid #e6e8ec;border-radius:12px;padding:16px}
.dmgd-stat span{display:block;color:#7a828e;font-size:.82em;margin-bottom:6px}
.dmgd-stat strong{font-size:1.3em;color:#111}
.dmgd-table{width:100%;border-collapse:collapse;font-size:14px}
.dmgd-table th,.dmgd-table td{padding:10px;border-bottom:1px solid #eef0f3;text-align:left}
.dmgd-table th{color:#66707c;font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:.02em}
.dmgd-pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.8em;font-weight:600}
.dmgd-pill-pending{background:#fff3d6;color:#8a5a00}
.dmgd-pill-approved{background:#e2f6ea;color:#0a7a41}
.dmgd-pill-rejected,.dmgd-pill-void{background:#fdecec;color:#b3261e}
.dmgd-pill-paid{background:#e3edff;color:#1c4fd8}
/* Chờ duyệt */
.dmgd-wait{text-align:center;padding:48px 24px}
.dmgd-wait-icon{font-size:54px;margin-bottom:8px}
.dmgd-wait h2{margin:6px 0}
/* Admin */
.dmgd-admin .dmgd-rate-form{display:flex;gap:6px;align-items:center}

/* ===== Tabs dashboard ===== */
.dmgd-tabs{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}
.dmgd-tab{padding:10px 16px;border-radius:10px 10px 0 0;background:#f1f3f6;color:#333;text-decoration:none;font-weight:600;border:1px solid #e6e8ec;border-bottom:none}
.dmgd-tab.active{background:#fff;color:#d00000;box-shadow:0 -2px 0 #d00000 inset}
.dmgd-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:600px){.dmgd-grid2{grid-template-columns:1fr}}
.dmgd-store-form input[type=color]{height:44px;padding:4px;width:100%}
/* Product picker */
.dmgd-prodpick{border:1px solid #e0e3e8;border-radius:10px;overflow:hidden}
.dmgd-prodsearch{width:100%;padding:10px 12px;border:none;border-bottom:1px solid #e0e3e8;box-sizing:border-box}
.dmgd-prodlist{max-height:320px;overflow:auto}
.dmgd-prodrow{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid #f0f1f4;cursor:pointer}
.dmgd-prodrow:hover{background:#f8f9fb}
.dmgd-prodname{flex:1}
.dmgd-prodprice{color:#d00000;font-weight:600;font-size:.9em;white-space:nowrap}

/* ===== Nút Affiliate trong menu (nổi bật) ===== */
.menu-item.dmgd-menu-item,.menu-item.dmgd-aff-btn{display:flex;align-items:center}
/* Áp dụng cho: nút tự chèn của plugin (.dmgd-menu-link) VÀ bất kỳ menu item nào
   được gán class "dmgd-aff-btn" trong Appearance > Menus. */
.dmgd-menu-link,
.menu-item.dmgd-aff-btn > a,
li.dmgd-aff-btn > a{
	position:relative;display:inline-flex!important;align-items:center;gap:7px;
	padding:9px 18px!important;border-radius:40px;
	background:linear-gradient(135deg,#ffe259,#ffa751)!important;
	color:#7a2e00!important;font-weight:800!important;line-height:1!important;
	text-decoration:none!important;white-space:nowrap;
	box-shadow:0 4px 14px rgba(255,150,20,.5),inset 0 1px 0 rgba(255,255,255,.6);
	border:2px solid #fff3!important;overflow:hidden;
	transition:transform .15s ease,box-shadow .15s ease;
	animation:dmgd-menu-pulse 2.6s ease-in-out infinite;
}
.dmgd-menu-link:hover,.menu-item.dmgd-aff-btn > a:hover,li.dmgd-aff-btn > a:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 22px rgba(255,150,20,.7);color:#7a2e00!important}
.dmgd-menu-link .dmgd-menu-ic{font-size:16px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}
/* Icon 🎁 tự động cho menu item gán class dmgd-aff-btn */
.menu-item.dmgd-aff-btn > a::before,li.dmgd-aff-btn > a::before{content:"🎁 ";}
/* Hiệu ứng ánh sáng quét ngang */
.dmgd-menu-link::after,.menu-item.dmgd-aff-btn > a::after,li.dmgd-aff-btn > a::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
	background:linear-gradient(120deg,transparent,rgba(255,255,255,.85),transparent);
	transform:skewX(-20deg);animation:dmgd-shine 3s ease-in-out infinite}
@keyframes dmgd-shine{0%,60%{left:-60%}100%{left:130%}}
@keyframes dmgd-menu-pulse{0%,100%{box-shadow:0 4px 14px rgba(255,150,20,.5),inset 0 1px 0 rgba(255,255,255,.6)}50%{box-shadow:0 6px 20px rgba(255,170,40,.85),inset 0 1px 0 rgba(255,255,255,.6)}}
/* Ưu tiên hiệu suất & tôn trọng người tắt hiệu ứng */
@media (prefers-reduced-motion:reduce){.dmgd-menu-link,.dmgd-menu-link::after,.dmgd-aff-btn > a,.dmgd-aff-btn > a::after{animation:none}}

/* ===== Floating button ===== */
.dmgd-float-btn{position:fixed;bottom:22px;z-index:9999;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#e63946,#d00000);color:#fff;padding:12px 18px;border-radius:50px;box-shadow:0 8px 24px rgba(208,0,0,.4);text-decoration:none;font-weight:700;animation:dmgd-pulse 2.4s infinite}
.dmgd-float-right{right:22px}.dmgd-float-left{left:22px}
.dmgd-float-btn:hover{color:#fff;transform:translateY(-2px)}
.dmgd-float-ic{font-size:22px}
.dmgd-float-tx{display:flex;flex-direction:column;line-height:1.15}
.dmgd-float-tx small{font-weight:400;font-size:11px;opacity:.9}
@keyframes dmgd-pulse{0%{box-shadow:0 8px 24px rgba(208,0,0,.4)}50%{box-shadow:0 8px 30px rgba(208,0,0,.7)}100%{box-shadow:0 8px 24px rgba(208,0,0,.4)}}
@media(max-width:520px){.dmgd-float-tx small{display:none}}

/* ===== Storefront ===== */
.dmgd-store{max-width:1140px;margin:0 auto;padding:0 16px 40px}
.dmgd-store-banner{height:260px;background-size:cover;background-position:center;border-radius:0 0 18px 18px}
.dmgd-store-head{display:flex;gap:18px;align-items:center;padding:22px 4px;flex-wrap:wrap}
.dmgd-store-logo{width:86px;height:86px;object-fit:cover;border-radius:16px;border:3px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.dmgd-store-head h1{margin:0;color:var(--dmgd-color)}
.dmgd-store-slogan{margin:4px 0;color:#555}
.dmgd-store-contact{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}
.dmgd-store-contact a{color:var(--dmgd-color);text-decoration:none;font-weight:600}
.dmgd-store-about{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px 20px;margin-bottom:20px}
.dmgd-store-h2{border-left:5px solid var(--dmgd-color);padding-left:12px;margin:8px 0 18px}
.dmgd-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.dmgd-store-item{background:#fff;border:1px solid #ececf0;border-radius:14px;padding:14px;display:flex;flex-direction:column;transition:.15s}
.dmgd-store-item:hover{box-shadow:0 10px 26px rgba(0,0,0,.1);transform:translateY(-3px)}
.dmgd-store-item a{text-decoration:none;color:inherit}
.dmgd-store-img img{width:100%;height:auto;border-radius:10px;aspect-ratio:1/1;object-fit:cover}
.dmgd-store-item h3{font-size:15px;margin:10px 0 6px;min-height:40px}
.dmgd-store-price{color:var(--dmgd-color);font-weight:700;margin-bottom:10px}
.dmgd-store-buy{margin-top:auto;text-align:center;background:var(--dmgd-color);border-color:var(--dmgd-color)}
.dmgd-store-foot{margin-top:34px;text-align:center;color:#666;background:#fff;border:1px solid #eee;border-radius:14px;padding:22px}
.dmgd-inline-btn{display:inline-block}

/* ===== Badge Hoa hồng x% ===== */
.dmgd-comm-btn{display:inline-flex;align-items:center;gap:5px;margin:6px 0;padding:6px 12px;border-radius:20px;border:1px solid #f2c200;background:linear-gradient(135deg,#fff4cc,#ffe27a);color:#8a5a00;font-weight:700;font-size:13px;cursor:pointer;line-height:1.2;transition:.15s}
.dmgd-comm-btn:hover{background:linear-gradient(135deg,#ffe27a,#ffd23f);transform:translateY(-1px)}
.dmgd-comm-single{margin:10px 0}
.dmgd-comm-single .dmgd-comm-btn{font-size:15px;padding:9px 16px}
.dmgd-store-item .dmgd-comm-btn{margin-bottom:8px}

/* ===== Cụm Hoa hồng + Giảm giá, menu nhanh 2 lựa chọn ===== */
.dmgd-comm-actions{position:relative;z-index:6;display:flex;align-items:stretch;gap:6px;width:100%;margin:6px 0;overflow:visible}
.dmgd-comm-hover{position:relative;flex:1 1 100%;width:100%;min-width:0}
.dmgd-comm-actions .dmgd-comm-btn{width:100%;min-height:36px;justify-content:center;margin:0;padding:7px 10px;border-radius:9px;white-space:nowrap;font-family:inherit;font-size:12px;box-shadow:0 3px 9px rgba(179,127,0,.13)}
.dmgd-comm-actions .dmgd-comm-btn i{margin-left:auto;font-style:normal;font-size:13px;transition:transform .18s ease}
.dmgd-comm-hover:hover .dmgd-comm-btn i,.dmgd-comm-hover:focus-within .dmgd-comm-btn i,.dmgd-comm-hover.is-open .dmgd-comm-btn i{transform:rotate(180deg)}
.dmgd-sale-chip{display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 42%;min-width:92px;padding:5px 8px;border:1px solid #ffafb2;border-radius:9px;color:#d00000;background:#fff7f7;font-family:inherit;line-height:1.05}
.dmgd-sale-chip small{font-size:9px;text-transform:uppercase}.dmgd-sale-chip b{font-size:13px;white-space:nowrap}
.dmgd-comm-quick{position:absolute;z-index:9999;left:0;right:auto;bottom:calc(100% + 8px);display:grid;width:250px;padding:8px;border:1px solid #f0d27b;border-radius:13px;background:#fff;box-shadow:0 16px 38px rgba(36,24,0,.2);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px) scale(.98);transform-origin:left bottom;transition:opacity .16s ease,transform .16s ease,visibility .16s}
.dmgd-comm-quick:after{content:"";position:absolute;left:28px;bottom:-7px;width:12px;height:12px;border-right:1px solid #f0d27b;border-bottom:1px solid #f0d27b;background:#fff;transform:rotate(45deg)}
.dmgd-comm-quick>span{padding:3px 6px 7px;color:#6b5a27;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.dmgd-comm-quick a{display:block;padding:9px 10px;border-radius:9px;color:#252525!important;text-decoration:none!important;transition:.15s}
.dmgd-comm-quick a:hover,.dmgd-comm-quick a:focus{color:#a90000!important;background:#fff2f2;outline:none}
.dmgd-comm-quick b,.dmgd-comm-quick small{display:block}.dmgd-comm-quick b{font-size:13px}.dmgd-comm-quick small{margin-top:2px;color:#6d737c;font-size:11px}
.dmgd-comm-hover:hover .dmgd-comm-quick,.dmgd-comm-hover:focus-within .dmgd-comm-quick,.dmgd-comm-hover.is-open .dmgd-comm-quick{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.woocommerce ul.products li.product:hover,.dmgd-store-item:hover{position:relative;z-index:40;overflow:visible!important}
.dmgd-comm-single .dmgd-comm-actions{max-width:410px}.dmgd-comm-single .dmgd-comm-btn{font-size:14px;padding:9px 14px;min-height:42px}
@media(max-width:480px){.dmgd-comm-actions{display:block;max-width:100%;gap:0}.dmgd-comm-hover{width:100%;max-width:100%}.dmgd-comm-actions .dmgd-comm-btn{width:100%;max-width:100%;font-size:11px;padding:7px 8px}.dmgd-comm-quick{position:fixed;z-index:100001;left:12px;right:12px;bottom:18px;width:auto;max-width:calc(100vw - 24px);transform-origin:center bottom}.dmgd-comm-quick:after{display:none}}

/* Product-loop compatibility: keep Retention stats and voucher in normal flow. */
.product-small .price-wrapper{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:4px 6px!important;min-width:0!important}
.product-small .price-wrapper>.price{display:block!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important}
.product-small .price-wrapper>.dgsr-product-stats{position:static!important;inset:auto!important;z-index:auto!important;display:flex!important;flex:1 1 112px!important;clear:none!important;width:auto!important;min-width:0!important;max-width:100%!important;margin:2px 0!important;transform:none!important}
.product-small .price-wrapper>.dmgd-loop-voucher{position:static!important;inset:auto!important;z-index:auto!important;display:inline-flex!important;flex:0 0 auto!important;float:none!important;clear:none!important;width:auto!important;max-width:100%!important;margin:2px 0!important;transform:none!important;vertical-align:middle!important}
@media(max-width:600px){.product-small .price-wrapper{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;height:auto!important;min-height:0!important;overflow:visible!important;gap:3px!important}.product-small .price-wrapper>.price{grid-column:1!important}.product-small .price-wrapper>.dgsr-product-stats{grid-column:1!important;display:flex!important;width:100%!important;margin:1px 0!important}.product-small .price-wrapper>.dmgd-loop-voucher{grid-column:1!important;display:flex!important;width:max-content!important;max-width:100%!important;margin:2px 0 4px!important}.product-small .thongtinban-masp{box-sizing:border-box!important;position:static!important;inset:auto!important;display:flex!important;align-items:center!important;clear:both!important;width:100%!important;min-height:22px!important;margin:5px 0 7px!important;padding:0!important;transform:none!important}.product-small .thongtinban-masp .star-rating{position:relative!important;inset:auto!important;float:none!important;margin:0 5px 0 0!important}.product-small .thongtinban-masp .rating{position:static!important;float:none!important;margin:0!important}}

/* ===== Modal ===== */
.dmgd-modal{position:fixed;inset:0;z-index:100000;display:none}
.dmgd-modal.open{display:block}
.dmgd-modal-bg{position:absolute;inset:0;background:rgba(15,20,35,.55);backdrop-filter:blur(2px)}
.dmgd-modal-box{position:relative;max-width:640px;margin:8vh auto 0;background:#fff;border-radius:18px;padding:28px 26px;box-shadow:0 24px 60px rgba(0,0,0,.3);animation:dmgd-pop .18s ease}
@keyframes dmgd-pop{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}
.dmgd-modal-box h3{margin:0 0 4px;font-size:22px}
.dmgd-modal-x{position:absolute;top:12px;right:16px;border:none;background:none;font-size:30px;line-height:1;color:#999;cursor:pointer}
.dmgd-modal-x:hover{color:#333}
.dmgd-modal-opts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 10px}
@media(max-width:520px){.dmgd-modal-opts{grid-template-columns:1fr}.dmgd-modal-box{margin:4vh 12px 0}}
.dmgd-modal-opt{border:1px solid #e6e8ec;border-radius:14px;padding:18px;text-align:center;transition:.15s}
.dmgd-modal-opt:hover{border-color:#d00000;box-shadow:0 8px 22px rgba(208,0,0,.12)}
.dmgd-opt-ic{font-size:34px}
.dmgd-modal-opt h4{margin:8px 0 6px;font-size:18px}
.dmgd-modal-opt p{color:#66707c;font-size:13px;min-height:52px;margin:0 0 12px}
.dmgd-modal-opt .dmgd-btn{width:100%;text-align:center}
.dmgd-modal-full{display:block;text-align:center;margin-top:14px}
.dmgd-modal-login{text-align:center;margin:10px 0 0;color:#66707c}

/* ============================================================
   TỐI ƯU MOBILE (<= 768px và <= 480px)
   ============================================================ */
@media (max-width:768px){
	.dmgd-card{padding:16px;border-radius:12px}
	.dmgd-dash-head{flex-direction:column;align-items:flex-start;gap:6px}
	.dmgd-dash-head h2{font-size:1.25rem}
	/* Tabs: cuộn ngang thay vì vỡ hàng */
	.dmgd-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:2px}
	.dmgd-tab{white-space:nowrap;flex:0 0 auto;font-size:14px;padding:9px 13px}
	/* Thống kê: 2 cột trên mobile */
	.dmgd-stats{grid-template-columns:repeat(2,1fr);gap:10px}
	.dmgd-stat{padding:13px}
	.dmgd-stat strong{font-size:1.12em}
	/* Ô copy link: xuống dòng, nút full width */
	.dmgd-copy{flex-wrap:wrap}
	.dmgd-copy input{flex:1 1 100%;min-width:0}
	.dmgd-copy .dmgd-btn{flex:1 1 auto;text-align:center}
	/* Bảng: cho cuộn ngang, không vỡ layout */
	.dmgd-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
	/* Form nhập lớn hơn để dễ chạm, chống zoom iOS (font >=16px) */
	.dmgd-register input,.dmgd-register select,.dmgd-register textarea,
	.dmgd-store-form input,.dmgd-store-form textarea,.dmgd-store-form select,
	.dmgd-copy input,#dmgd-linkgen,.dmgd-prodsearch{font-size:16px;padding:12px}
	.dmgd-btn{padding:12px 16px}
	/* Storefront */
	.dmgd-store-banner{height:160px}
	.dmgd-store-head{gap:12px;padding:16px 2px}
	.dmgd-store-logo{width:64px;height:64px}
	.dmgd-store-head h1{font-size:1.35rem}
	.dmgd-store-grid{grid-template-columns:repeat(2,1fr);gap:12px}
	.dmgd-store-item{padding:10px}
	.dmgd-store-item h3{font-size:13.5px;min-height:36px}
	/* Chọn sản phẩm trong quản lý cửa hàng */
	.dmgd-prodlist{max-height:260px}
	.dmgd-prodrow{padding:11px 12px}
	.dmgd-prodprice{font-size:.82em}
	/* Nút nổi gọn hơn */
	.dmgd-float-btn{bottom:14px;padding:11px 15px}
	.dmgd-float-right{right:14px}.dmgd-float-left{left:14px}
	/* Popup: full màn hình, cuộn nội bộ */
	.dmgd-modal-box{margin:0;position:absolute;left:0;right:0;bottom:0;top:auto;max-width:none;border-radius:18px 18px 0 0;max-height:92vh;overflow:auto;animation:dmgd-slideup .22s ease}
	.dmgd-modal-box h3{font-size:19px}
	.dmgd-modal-opt p{min-height:auto}
}
@keyframes dmgd-slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}

@media (max-width:480px){
	.dmgd-stats{grid-template-columns:1fr 1fr}
	.dmgd-store-grid{grid-template-columns:1fr}
	.dmgd-store-item{flex-direction:row;align-items:center;gap:12px}
	.dmgd-store-item .dmgd-store-img{flex:0 0 92px}
	.dmgd-store-item h3{min-height:auto;margin:0 0 4px}
	.dmgd-store-item>a{display:flex;gap:12px;align-items:center;width:100%}
	.dmgd-store-buy{margin-top:8px}
	.dmgd-comm-btn{font-size:12px;padding:5px 10px}
}

/* Admin trong wp-admin trên mobile: bảng cuộn ngang */
@media (max-width:782px){
	.dmgd-admin .wp-list-table{display:block;overflow-x:auto;white-space:nowrap}
	.dmgd-admin .dmgd-bulkbar{flex-direction:column;align-items:flex-start}
}

/* ===== Nút Affiliate trong menu — MOBILE (không phá bố cục header) ===== */
@media (max-width:782px){
	.dmgd-menu-link,.dmgd-aff-btn > a{
		padding:7px 14px!important;font-size:13px!important;gap:5px;
		margin:6px 0;width:auto!important;max-width:100%;
		animation:none; /* giảm chuyển động trên mobile cho nhẹ */
	}
	.dmgd-menu-link::after,.dmgd-aff-btn > a::after{display:none}
	.dmgd-menu-link .dmgd-menu-ic{font-size:14px}
	/* Trong menu dọc/drawer: canh trái, không kéo giãn full-width */
	.menu-item.dmgd-menu-item,.menu-item.dmgd-aff-btn{display:inline-flex;max-width:100%}
}
@media (max-width:480px){
	.dmgd-menu-link,.dmgd-aff-btn > a{padding:6px 12px!important;font-size:12.5px!important}
}

/* ===== Nút đặt bằng shortcode ([dmgd_button], [dmgd_auth], [dmgd_login]) ===== */
.dmgd-auth-group{display:inline-flex;gap:10px;flex-wrap:wrap;align-items:center;vertical-align:middle}
.dmgd-shortcode-btn{
	position:relative;display:inline-flex;align-items:center;gap:7px;
	padding:11px 22px;border-radius:40px;font-weight:800;line-height:1;
	text-decoration:none!important;white-space:nowrap;overflow:hidden;
	transition:transform .15s ease,box-shadow .15s ease;vertical-align:middle;
}
.dmgd-shortcode-btn .dmgd-btn-ic{font-size:16px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}
.dmgd-shortcode-btn:hover{transform:translateY(-2px) scale(1.03)}
/* Kiểu GOLD (mặc định) */
.dmgd-gold-btn{
	background:linear-gradient(135deg,#ffe259,#ffa751);color:#7a2e00!important;
	box-shadow:0 4px 14px rgba(255,150,20,.5),inset 0 1px 0 rgba(255,255,255,.6);
	border:2px solid rgba(255,255,255,.35);
	animation:dmgd-menu-pulse 2.6s ease-in-out infinite;
}
.dmgd-gold-btn:hover{box-shadow:0 8px 22px rgba(255,150,20,.7);color:#7a2e00!important}
.dmgd-gold-btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
	background:linear-gradient(120deg,transparent,rgba(255,255,255,.85),transparent);
	transform:skewX(-20deg);animation:dmgd-shine 3s ease-in-out infinite}
/* Kiểu OUTLINE (đăng nhập) */
.dmgd-gold-outline{
	background:rgba(255,255,255,.12);color:#fff!important;
	border:2px solid rgba(255,255,255,.85);
	box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.dmgd-gold-outline:hover{background:#fff;color:#d00000!important;border-color:#fff}
/* Nếu đặt trên nền sáng, dùng thêm class .on-light */
.dmgd-gold-outline.on-light{color:#d00000!important;border-color:#d00000;background:transparent}
.dmgd-gold-outline.on-light:hover{background:#d00000;color:#fff!important}
@media (prefers-reduced-motion:reduce){.dmgd-gold-btn,.dmgd-gold-btn::after{animation:none}}

/* Mobile: gọn lại, không phá bố cục */
@media (max-width:782px){
	.dmgd-shortcode-btn{padding:9px 16px;font-size:14px;animation:none}
	.dmgd-gold-btn::after{display:none}
	.dmgd-auth-group{gap:8px}
}
@media (max-width:480px){
	.dmgd-shortcode-btn{padding:8px 14px;font-size:13px}
	.dmgd-auth-group{width:100%}
	.dmgd-auth-group .dmgd-shortcode-btn{flex:1 1 auto;justify-content:center}
}
