/* =============================================================
   MFY Blog Plugin — mfy-blog.css  v1.0.0
   NO font-family rules — all text inherits from the active theme.
   Prefix: mfy- on every selector to avoid conflicts.
   ============================================================= */

.mfy-blogs-wrap *,
.mfy-most-read-section *,
.mfy-archive-wrap * { box-sizing: border-box; }
h2.mfy-blog-latest-tag {
    font-size: 35px;
    font-weight: 700;
    color: #0A0A0A;
}p.mfy-blog-latest-tag {
    color: #556172;
}
/* ---- Search ----------------------------------------------- */
.mfy-blog-search-wrap { margin-bottom: 28px; }

.mfy-blog-search-box {
	display: flex; align-items: center; gap: 10px;
	border: 1.5px solid #e0ddd6; border-radius: 50px;
	padding: 10px 20px; background: #fff;
	transition: border-color .2s;
}
.mfy-blog-search-box:focus-within { border-color: #E07B22; }

.mfy-blog-search-icon { flex-shrink:0; color:#999; width:16px; height:16px; }

.mfy-blog-search-input {
	border:none; outline:none; background:transparent;
	font-size:14px; width:100%; color:inherit;
}
.mfy-blog-search-input::placeholder { color:#bbb; }

.mfy-blog-search-clear {
	background:none; border:none; cursor:pointer; padding:0;
	color:#999; display:flex; align-items:center; line-height:1; flex-shrink:0;
}
.mfy-blog-search-clear:hover { color:#555; }

.mfy-blog-search-results-label { font-size:13px; color:#888; margin-bottom:16px; }

/* ---- Featured -------------------------------------------- */
.mfy-featured-wrap { margin-bottom:28px; }

.mfy-featured {
	border-radius:14px; overflow:hidden;
	border:1px solid #ebebeb; background:#fafafa;
}
.mfy-featured-img,
.mfy-featured img { width:100%; height:320px; object-fit:cover; display:block; }
.mfy-featured-img--placeholder { width:100%; height:320px; background:#e8e5e0; display:block; }

.mfy-featured-body { padding:20px 24px 24px; }
.mfy-meta-sm { font-size:12px; color:#6A7282; margin-bottom:8px; }

.mfy-featured-title { font-size:22px; font-weight:700; line-height:1.35; margin:0 0 8px; color:#101828; }
.mfy-featured-title a { color:inherit; text-decoration:none; }
.mfy-featured-title a:hover { color:#E07B22; }

.mfy-featured-desc { font-size:14px; color:#556172; line-height:1.6; margin-bottom:16px; }

.mfy-read-link { color:#E07B22; font-size:13px; font-weight:600; text-decoration:none; }
.mfy-read-link:hover { text-decoration:underline; }

/* ---- Category Tabs --------------------------------------- */
.mfy-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:24px; }

.mfy-tab {
	padding:7px 18px; border-radius:50px; font-size:13px;
	cursor:pointer; border:1.5px solid #E5E7EB; color:#556172;
	background:#fff; transition:all .18s; line-height:1.4; font-weight:600;
}
.mfy-tab:hover { border-color:#E07B22; color:#E07B22; background: #F9FAFB;}
.mfy-tab.active { color:#E07B22; border-color:#E07B22; font-weight:600;background: #F9FAFB;}

/* ---- Grid ------------------------------------------------ */
.mfy-grid {
	display:grid; grid-template-columns:repeat(3,1fr);
	gap:18px; margin-bottom:28px;
}
@media(max-width:900px){ .mfy-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .mfy-grid { grid-template-columns:1fr; } }

/* ---- Post Card ------------------------------------------ */
.mfy-card {
	border-radius:12px; overflow:hidden; border:1px solid #ebebeb;
	background:#fff; display:flex; flex-direction:column;
	transition:box-shadow .2s, transform .2s;
}
.mfy-card:hover { box-shadow:0 4px 20px rgba(0,0,0,.08); transform:translateY(-2px); }

.mfy-card-img-wrap { position:relative; flex-shrink:0; overflow:hidden; }
.mfy-card-img,
.mfy-card-img-wrap img { width:100%; height:160px; object-fit:cover; display:block; }
.mfy-card-img--placeholder { width:100%; height:160px; background:#e8e5e0; display:block; }

.mfy-card-badge {
	position:absolute; top:10px; left:10px;
	background:rgba(255,255,255,.92); border-radius:50px;
	padding:3px 10px; font-size:11px; font-weight:600; color:#333;
}
.mfy-card-body { padding:14px 15px 16px; display:flex; flex-direction:column; flex:1; }
.mfy-card-meta { font-size:11px; color:#6A7282; margin-bottom:6px; }
.mfy-card-title { font-size:14px; font-weight:700; line-height:1.4; margin:0 0 7px; color:#101828; }
.mfy-card-title a { color:inherit; text-decoration:none; }
.mfy-card-title a:hover { color:#E07B22; }
.mfy-card-desc { font-size:12px; color:#556172; line-height:1.55; margin-bottom:10px; flex:1; }

/* ---- Booking Card --------------------------------------- */
.mfy-booking-card {
	border-radius:12px; overflow:hidden; border:1px solid #ebebeb;
	background:#fafaf8; display:flex; flex-direction:column;
}
.mfy-booking-img-wrap { flex-shrink:0; overflow:hidden; }
.mfy-booking-img,
.mfy-booking-img-wrap img { width:100%; height:160px; object-fit:cover; display:block; }
.mfy-booking-img--placeholder { width:100%; height:160px; background:#f0e8dc; display:block; }
.mfy-booking-body { padding:14px 15px 16px; display:flex; flex-direction:column; flex:1; justify-content:space-between; }
.mfy-booking-title { font-size:14px; font-weight:700; line-height:1.4; margin:0 0 7px; color:inherit; }
.mfy-booking-desc { font-size:12px; color:#777; line-height:1.55; margin-bottom:14px; flex:1; }
.mfy-booking-btn {
	display:block; background:#E07B22; color:#fff; border:none; border-radius:50px;
	padding:10px 16px; font-size:13px; font-weight:700; cursor:pointer;
	text-align:center; text-decoration:none; transition:background .18s; width:100%;
}
.mfy-booking-btn:hover { background:#c96d1a; color:#fff; text-decoration:none; }

/* ---- No Results ----------------------------------------- */
.mfy-no-results { text-align:center; padding:40px 20px; color:#888; font-size:15px; }

/* ---- Load More ------------------------------------------ */
.mfy-loadmore-wrap { text-align:center; margin-bottom:36px; padding-top:8px; }

.mfy-loadmore-btn {
	background:transparent; border:2px solid #E07B22; color:#E07B22;
	border-radius:50px; padding:11px 36px; font-size:14px; font-weight:600;
	cursor:pointer; transition:all .2s;
}
.mfy-loadmore-btn:hover { background:#E07B22; color:#fff; }
.mfy-loadmore-btn:disabled { opacity:.5; cursor:not-allowed; }

.mfy-infinite-trigger { height:1px; }
.mfy-loading-spinner { display:flex; justify-content:center; padding:20px; }
.mfy-spinner {
	width:28px; height:28px; border:3px solid #e8e5e0;
	border-top-color:#E07B22; border-radius:50%;
	animation:mfy-spin .7s linear infinite;
}
@keyframes mfy-spin { to { transform:rotate(360deg); } }

/* ---- Archive -------------------------------------------- */
.mfy-archive-term-label { margin-bottom:20px; }
.mfy-term-pill {
	display:inline-block; background:rgba(224,123,34,.1);
	color:#E07B22; border:1.5px solid #E07B22;
	border-radius:50px; padding:5px 16px; font-size:13px; font-weight:600;
}
.mfy-archive-empty { color:#888; font-size:15px; padding:24px 0; }

/* ---- Most Read Section ---------------------------------- */
/*.mfy-most-read-section {
	background:#f7f6f3; border-radius:16px; padding:44px 36px 40px;
}*/
.mfy-mr-header { text-align:center; margin-bottom:32px; }
.mfy-mr-heading { font-size:28px; font-weight:700; margin:0 0 8px; color:inherit; }
.mfy-mr-sub { font-size:14px; color:#888; margin:0; }

.mfy-mr-grid {
	display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:32px;
}
@media(max-width:640px){
	.mfy-mr-grid { grid-template-columns:1fr; }
	.mfy-most-read-section { padding:32px 20px 28px; }
}

.mfy-mr-card { background:#fff; border:1px solid #ebebeb; border-radius:12px; padding:20px 22px; }
.mfy-mr-card-inner { display:flex; align-items:flex-start; gap:16px; }
.mfy-mr-num {
	font-size:52px; font-weight:800; color:#e8e5e0;
	line-height:1; flex-shrink:0; min-width:58px; letter-spacing:-2px;
}
.mfy-mr-content { flex:1; min-width:0; }
.mfy-mr-cat { font-size:11px; font-weight:700; color:#E07B22; margin-bottom:6px; text-transform:capitalize; }
.mfy-mr-title { font-size:15px; font-weight:700; line-height:1.4; margin:0 0 6px; color:inherit; }
.mfy-mr-title a { color:inherit; text-decoration:none; }
.mfy-mr-title a:hover { color:#E07B22; }
.mfy-mr-desc { font-size:12px; color:#777; line-height:1.55; margin-bottom:8px; }
.mfy-mr-meta { font-size:11px; color:#999; margin-bottom:7px; }
.mfy-mr-link { color:#E07B22; font-size:12px; font-weight:600; text-decoration:none; }
.mfy-mr-link:hover { text-decoration:underline; }

.mfy-mr-cta { text-align:center; }
.mfy-mr-cta-btn {
	display:inline-block; background:#E07B22; color:#fff; border:none;
	border-radius:50px; padding:13px 40px; font-size:15px; font-weight:700;
	cursor:pointer; text-decoration:none; transition:background .18s;
}
.mfy-mr-cta-btn:hover { background:#c96d1a; color:#fff; text-decoration:none; }
