/* mydaklak.vn – khung chung toàn site (màu, chữ, header, footer, thanh đáy). Theo wireframe. */
:root{
	--mdl-bazan:#B5452B;      /* Đỏ đất bazan – màu chính */
	--mdl-bazan-2:#8E3220;
	--mdl-forest:#2F6B3E;     /* Xanh lá rẫy */
	--mdl-leaf:#3F7D4E;
	--mdl-cream:#EADCC8;
	--mdl-bg:#F7F1E8;         /* Nền kem */
	--mdl-hero:#F1E3CF;
	--mdl-charcoal:#3B2A20;   /* Nâu gỗ đậm */
	--mdl-night:#1F1A17;
	--mdl-honey:#E8C25A;      /* Vàng thổ cẩm */
	--mdl-honey-soft:#FBEFD3;
	--mdl-sea:#1B739A;        /* Xanh biển Phú Yên */
	--mdl-sea-soft:#E1EFF5;
	--mdl-ink:#3B2A20;
	--mdl-muted:#6B5A4E;
	--mdl-line:#EFE6DA;
	--mdl-line-2:#D9C9B6;
	--mdl-card:#FFFFFF;
	--mdl-up:#2F6B3E;
	--mdl-down:#A3361F;
	--mdl-radius:18px;
	--mdl-font:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
	--mdl-tabbar-h:0px;
}
html.mdl-big{font-size:112.5%}
body.mdl-chrome{background:var(--mdl-bg);color:var(--mdl-ink);font-family:var(--mdl-font)}
body.mdl-chrome button,body.mdl-chrome input,body.mdl-chrome select,body.mdl-chrome textarea{font-family:inherit}
body.mdl-chrome a{color:var(--mdl-bazan)}
body.mdl-chrome a:hover{color:var(--mdl-bazan-2)}
.mdl-chrome .site{background:transparent}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Dải thổ cẩm */
.mdl-tc-band{height:10px;background-repeat:repeat-x;background-size:auto 100%}
.mdl-tc-band--top{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10'%3E%3Crect width='20' height='10' fill='%231F1A17'/%3E%3Cpolygon points='10,1 16,5 10,9 4,5' fill='%23B5452B'/%3E%3Cpolygon points='10,3.5 12,5 10,6.5 8,5' fill='%23E8C25A'/%3E%3Crect y='4.5' width='2.5' height='1' fill='%23F7F1E8'/%3E%3Crect x='17.5' y='4.5' width='2.5' height='1' fill='%23F7F1E8'/%3E%3C/svg%3E")}
.mdl-tc-band--foot{height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12'%3E%3Crect width='24' height='12' fill='%23B5452B'/%3E%3Cpolygon points='12,1 19,6 12,11 5,6' fill='%231F1A17'/%3E%3Cpolygon points='12,4 15,6 12,8 9,6' fill='%23E8C25A'/%3E%3Crect y='5.5' width='3' height='1' fill='%23F7F1E8'/%3E%3Crect x='21' y='5.5' width='3' height='1' fill='%23F7F1E8'/%3E%3C/svg%3E")}
.mdl-tc-band--mid{height:14px;border-radius:3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14'%3E%3Crect width='28' height='14' fill='%231F1A17'/%3E%3Cpolygon points='14,2 21,7 14,12 7,7' fill='%23B5452B'/%3E%3Cpolygon points='14,5 17,7 14,9 11,7' fill='%23E8C25A'/%3E%3Cpolygon points='0,0 4,0 0,4' fill='%23F7F1E8'/%3E%3Cpolygon points='28,14 24,14 28,10' fill='%23F7F1E8'/%3E%3Crect y='6.5' width='4' height='1' fill='%231B7FA6'/%3E%3Crect x='24' y='6.5' width='4' height='1' fill='%231B7FA6'/%3E%3C/svg%3E")}
.mdl-tc-band--card{height:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Crect width='16' height='8' fill='%23B5452B'/%3E%3Cpolygon points='8,1 12,4 8,7 4,4' fill='%23E8C25A'/%3E%3Crect y='3.5' width='2' height='1' fill='%231F1A17'/%3E%3Crect x='14' y='3.5' width='2' height='1' fill='%231F1A17'/%3E%3C/svg%3E")}

/* Logo */
.mdl-logo{display:inline-flex;align-items:center;gap:6px;line-height:1.2}
.mdl-logo__my{background:var(--mdl-bazan);color:#fff;font-weight:800;font-size:.95rem;border-radius:8px;padding:3px 7px}
.mdl-logo__name{font-weight:800;font-size:1.25rem;color:var(--mdl-charcoal);letter-spacing:-.3px}

/* Header */
.mdl-header{background:var(--mdl-bg);position:relative;z-index:50}
.mdl-header__in{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;max-width:1200px;margin:0 auto;box-sizing:border-box}
.mdl-header__brand{text-decoration:none;flex-shrink:0}
.mdl-header__nav,.mdl-header__search{display:none}
.mdl-header__tools{display:flex;gap:2px;margin-left:auto}
.mdl-iconbtn{width:44px;height:44px;border:0;background:transparent;color:var(--mdl-charcoal);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:800;font-size:1rem;text-decoration:none}
body.mdl-chrome .mdl-iconbtn{color:var(--mdl-charcoal)}
.mdl-iconbtn:hover,.mdl-iconbtn:focus-visible{background:var(--mdl-cream)}
.mdl-iconbtn[aria-pressed=true]{background:var(--mdl-charcoal);color:var(--mdl-bg)!important}
.mdl-drawer{border-top:1px solid var(--mdl-line-2);background:var(--mdl-bg);padding:12px 16px 16px;box-shadow:0 8px 16px rgba(59,42,32,.12)}
.mdl-drawer nav{display:grid}
.mdl-drawer nav a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--mdl-line);font-weight:600;text-decoration:none;color:var(--mdl-ink)!important}
.mdl-drawer__search{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--mdl-line-2);border-radius:12px;padding:0 12px;color:var(--mdl-muted)}
.mdl-drawer__search{margin-bottom:6px}
.mdl-header__search{align-items:center;gap:8px;background:#fff;border:1.5px solid var(--mdl-line-2);border-radius:12px;padding:0 12px;color:var(--mdl-muted)}
.mdl-chrome .site-footer{background:transparent;padding:0}
.mdl-drawer__search input,.mdl-header__search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:.95rem;min-height:44px;color:var(--mdl-ink)}

/* Footer */
.mdl-footer{background:var(--mdl-night);color:#E9E1D5;margin-top:24px}
.mdl-footer__in{display:grid;gap:18px;padding:20px 16px 20px;max-width:1200px;margin:0 auto;box-sizing:border-box}
.mdl-footer .mdl-logo__name{color:var(--mdl-bg)}
.mdl-footer p{margin:8px 0 0;font-size:.82rem;line-height:1.55;color:#D9C9B6}
.mdl-footer__house{display:none}
.mdl-footer__col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;align-content:start}
.mdl-footer__col h2{grid-column:1/-1;font-size:.95rem;font-weight:800;margin:0 0 4px;color:var(--mdl-bg)}
.mdl-footer__col p{grid-column:1/-1;margin:0}
body.mdl-chrome .mdl-footer a{color:var(--mdl-bg);font-size:.88rem;min-height:36px;display:flex;align-items:center}
body.mdl-chrome .mdl-footer a.mdl-footer__cta{grid-column:1/-1;justify-self:start;background:var(--mdl-bazan);color:#fff;border-radius:10px;padding:0 14px;min-height:40px;font-weight:800;text-decoration:none;margin-top:8px}
.mdl-footer__legal{font-size:.75rem!important;color:#B8A898!important;border-top:1px solid #3B322C;padding-top:12px}

/* Thanh điều hướng đáy (điện thoại) */
.mdl-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--mdl-bg);border-top:1px solid var(--mdl-line-2);padding:4px 4px calc(6px + env(safe-area-inset-bottom))}
body.mdl-chrome .mdl-tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;text-decoration:none;color:var(--mdl-muted);font-size:.7rem;font-weight:600}
body.mdl-chrome .mdl-tabbar a[aria-current=page]{color:var(--mdl-bazan);font-weight:800}
body.mdl-chrome{--mdl-tabbar-h:64px;padding-bottom:calc(64px + env(safe-area-inset-bottom))}

@media (min-width:960px){
	body.mdl-chrome{padding-bottom:0}
	.mdl-tabbar{display:none}
	.mdl-header__in{padding:12px 24px;gap:22px}
	.mdl-header__nav{display:flex;gap:20px}
	body.mdl-chrome .mdl-header__nav a{color:var(--mdl-ink);font-weight:600;font-size:.92rem;text-decoration:none;white-space:nowrap}
	body.mdl-chrome .mdl-header__nav a[aria-current=page]{color:var(--mdl-bazan);text-decoration:underline;text-underline-offset:6px}
	.mdl-header__search{display:flex;margin-left:auto;width:300px}
	.mdl-header__tools{margin-left:0}
	.mdl-iconbtn--search,.mdl-iconbtn--menu{display:none}
	.mdl-iconbtn--aa{border:1.5px solid var(--mdl-line-2);background:#fff}
	.mdl-drawer{display:none}
	.mdl-footer{margin-top:48px}
	.mdl-footer__in{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px;padding:32px 24px 24px}
	.mdl-footer__house{display:block;margin-top:14px}
	.mdl-footer__col{grid-template-columns:1fr}
	.mdl-footer__legal{grid-column:1/-1}
}
@media (max-width:359px){.mdl-logo__name{font-size:1.1rem}}