/* MultiBlog Pro - Layout-specific styles */

/* Magazine */
.mb-layout-magazine .mb-section-title{
  font-size:22px;border-left:4px solid var(--mb-primary);padding:4px 12px;margin:16px 0 20px;
}
.mb-layout-magazine .mb-grid-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.mb-layout-magazine .mb-grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.mb-layout-magazine .mb-grid-3{grid-template-columns:1fr}}

/* Minimal */
.mb-layout-minimal .mb-header{border-bottom:none}
.mb-layout-minimal .mb-nav a{font-weight:400}
@media(max-width:720px){.mb-minimal-post{grid-template-columns:1fr !important}.mb-minimal-post img{width:100% !important;height:200px !important}}

/* Tech */
.mb-layout-tech .mb-card{border-radius:14px}
.mb-layout-tech .mb-thumb{position:relative}
.mb-layout-tech .mb-cat-link{background:var(--mb-primary);color:#fff !important;padding:2px 8px;border-radius:4px;font-size:11px}

/* Food */
.mb-layout-food{font-family:Georgia, serif}
.mb-layout-food .mb-card{border-radius:20px}
.mb-layout-food h3{font-family:Georgia, serif}

/* Grid/Portfolio */
.mb-layout-grid .mb-header{background:transparent}
.mb-layout-grid .mb-mason-card:hover{transform:translateY(-3px);transition:.3s}

/* Classic */
.mb-layout-classic .mb-classic-card:hover{box-shadow:0 12px 30px -12px rgba(0,0,0,.15);transition:.3s}

/* Sidebar left */
.mb-sidebar-left .mb-layout{grid-template-columns:320px 1fr}
.mb-sidebar-left .mb-layout > aside{order:1}
.mb-sidebar-left .mb-layout > :not(aside){order:2}
@media(max-width:900px){.mb-sidebar-left .mb-layout{grid-template-columns:1fr}}

/* No sidebar */
.mb-no-sidebar .mb-layout{grid-template-columns:1fr}

/* Ad slots visual */
.mb-ad-header{max-width:1200px;margin:12px auto}
.mb-ad-inline{margin:22px 0}

/* Search form */
.mb-search-form input[type=search]{width:100%;padding:12px 14px;border-radius:999px;border:1px solid var(--mb-border);outline:none;background:var(--mb-bg);color:var(--mb-text)}

/* Dark mode adjust */
body.mb-dark .mb-hero-card{background:#000}
body.mb-dark .mb-newsletter{background:linear-gradient(135deg,#1e40af,#5b21b6)}
