/* Basic styles for Lịch Vạn Niên */
.lvn-wrap{
    border:1px solid #e5e7eb;
    border-radius:1rem;
    padding:1rem;
    background:#fff;
    box-shadow:0 1px 2px rgba(0,0,0,.05);
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
	display: flex;
	gap: 10px;
}
.lvn-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:0.5rem;
}
.single-day {
    max-width: 550px;
	justify-self: center;
	border-radius: 30px;
	background: #ffeafe;
	font-size: 18px;
}
.list-days {
    width: -webkit-fill-available;
}
.lvn-title{
    display:flex;
    gap:1rem;
    align-items:center;
    justify-content:center;
    flex:1
}
p.dl-al {
    font-weight: bold;
    border-bottom: 1px solid #bb0000;
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
    min-width: 180px;
	font-size: 20px;
}
.lvn-gregorian,.lvn-lunar{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid #e5e7eb;
    border-radius:0.75rem;
    padding:.5rem 1rem;
    min-width:120px
}
.lvn-gregorian {
    color: red;
}
.lvn-bigday{
    font-size: 80px;
    font-weight: 700;
    margin: -10px;
}
.lvn-monthyear{
    font-size:.9rem;
    color:#374151
}
.lvn-nav{
    background:#f3f4f6;
	color: black;
    border:1px solid #e5e7eb;
    border-radius:999px;
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    font-size:1.4rem;
    cursor:pointer
}
.lvn-controls{
    display:flex;
    gap:.5rem;
    align-items:center;
    margin:.5rem 0;
	justify-content: center;
}
.lvn-select,.lvn-input{
    padding:.4rem .6rem;
    border:1px solid #e5e7eb;
    border-radius:.5rem;
	max-width: 68px;
}
.lvn-btn{
    padding:.45rem .8rem;
    border-radius:.5rem;
    border:1px solid #16a34a;
    background:#16a34a;
    color:#fff;
    cursor:pointer
}
.lvn-today-btn{
    background:#16a34a;
    color:#fff;
    border-color:#16a34a;
    cursor:pointer;
    padding:.45rem .8rem;
    border-radius:.5rem;
}
.lvn-day-info{
    margin:.5rem 0;
    color:#374151;
    font-size:.95rem;
	justify-items: center;
}
.lvn-grid{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:.25rem
}
.lvn-weekhead{
    font-weight:600;
    text-align:center;
    padding:.5rem 0;
    color:#111827
}
.lvn-cell{
    border:1px solid #e5e7eb;
    border-radius:.5rem;
    min-height:78px;
    padding:.35rem;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    position: relative; /* Thêm position relative */
}
.lvn-cell.lvn-sun{
    background:#fff7f7
}
.lvn-cell.lvn-today{
    outline:2px solid #16a34a
}
.lvn-cell.lvn-selected{
    outline:2px solid #16a34a;
    background:#ecfdf5
}
.lvn-solar{
    font-weight:700;
    color:#e12b2b;
	font-size: 22px;
}
.lvn-lunarsmall{
    color:#6b7280;
    text-align:right;
	font-size: 20px;
}
.lvn-can-chi-ngay{
    font-size:.7rem;
    color:#6b7280;
    text-align:center;
    padding-top:0.1rem
}
.lvn-tiet-khi {
    font-size: .7rem;
    color: #0d9488;
    font-weight: 600;
    text-align: center;
}
.lvn-tiet-khi a {
    color: #0d9488;
    text-decoration: none;
}
.lvn-tiet-khi a:hover {
    text-decoration: underline;
}
.lvn-empty{
    background:#f9fafb
}
.lvn-holiday{
    background-color:#fffbeb;
    border-color:#fef08a
}
.lvn-holiday-name{
    font-size:.75rem;
    text-align:center;
    padding-top:0.25rem
}
.lvn-holiday-name a {
    color:#b45309;
    text-decoration: none;
    font-weight: 600;
}
.lvn-holiday-name a:hover {
    text-decoration: underline;
}
.lvn-legend{
    display:flex;
    gap:1rem;
    margin-top:.5rem;
    font-size:.9rem;
    color:#374151
}
.lvn-dot{
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:999px;
    margin:0 .35rem;
    vertical-align:middle
}
.lvn-today-dot{
    background:#16a34a
}
.lvn-sun-dot{
    background:#f87171
}
.lvn-holiday-dot{
    background:#fef08a
}
.lvn-other-month{
    background-color:#f9fafb;
    border-color:#e5e7eb;
    color:#d1d5db;
    cursor:default
}
.lvn-other-month .lvn-solar, .lvn-other-month .lvn-lunarsmall, .lvn-other-month .lvn-can-chi-ngay, .lvn-other-month .lvn-tiet-khi {
    color:#d1d5db
}
.lvn-other-month .lvn-holiday-name a, .lvn-other-month .lvn-holiday-name {
    color:#d1d5db
}
.random-quote {
    text-align: center;
}

@media (max-width:999px){
    .lvn-bigday{
        font-size:60px;
    }
    .lvn-cell{
        min-height:64px
    }
	p.dl-al {
    min-width: unset;
}
	.lvn-wrap{display:block;}
}
@media (max-width:500px){
.lvn-title{display:block}
.lvn-solar, .lvn-lunarsmall {
    font-size: 15px;
}
	.lvn-can-chi-ngay{
		display:none;
	}
}