/* =========================================================
   Queen Yemeni Coffee — Opening Hours Widget
   Defaults match the brand (espresso + gold). Everything here
   is overridable from the Elementor "Style" tab.
   ========================================================= */

.qyc-hours{
	width:100%;
	max-width:680px;
	margin-inline:auto;
	background-color:#241812;
	border:1px solid rgba(202,162,74,0.22);
	border-radius:14px;
	overflow:hidden;
	box-sizing:border-box;
}

.qyc-row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:17px 24px;
	transition:background-color .3s ease;
}

.qyc-row:not(:last-child){
	border-bottom:1px solid rgba(202,162,74,0.22);
}

.qyc-day{
	display:inline-flex;
	align-items:center;
	gap:12px;
	color:#f4ece0;
	font-size:18px;
	font-weight:400;
	line-height:1.3;
	letter-spacing:.01em;
}

.qyc-time{
	color:#e6c876;
	font-size:18px;
	font-weight:400;
	line-height:1.3;
	white-space:nowrap;
	text-align:right;
}

/* ---- Today row ---- */
.qyc-row.is-today{
	background-color:rgba(202,162,74,0.10);
}

/* ---- Today badge ---- */
.qyc-badge{
	display:inline-block;
	background-color:#caa24a;
	color:#1c130d;
	font-size:11px;
	font-weight:600;
	letter-spacing:1.5px;
	text-transform:uppercase;
	line-height:1;
	padding:5px 11px;
	border-radius:100px;
	white-space:nowrap;
}

/* Badge is only visible on the active "today" row.
   (The markup may print a badge per row in some contexts; CSS keeps it
   visible only where it belongs.) */
.qyc-row:not(.is-today) .qyc-badge{
	display:none;
}

/* ---- Small screens ---- */
@media (max-width:480px){
	.qyc-row{
		padding:14px 16px;
		flex-wrap:wrap;
		gap:4px 12px;
	}
	.qyc-day,.qyc-time{
		font-size:16px;
	}
	.qyc-time{
		text-align:left;
		width:100%;
	}
}