/* ===================================================================
   Article extras: options advertisement card + "Article sidebar" widgets row
   (inc/widgets.php). Loaded on single posts and pages.
   =================================================================== */

/* ---- inline advertisement ---- */
.mg-inline-ad{max-width:680px; margin:44px auto;}
.recipe-page > .mg-inline-ad{max-width:1080px;}
.mg-inline-ad__card{display:grid; grid-template-columns:220px 1fr; align-items:stretch; background:var(--ink); color:#fff; border:1.5px solid var(--ink); box-shadow:8px 8px 0 var(--gold); text-decoration:none !important; transition:transform .15s ease, box-shadow .15s ease;}
a.mg-inline-ad__card:hover{transform:translate(-3px,-3px); box-shadow:11px 11px 0 var(--gold);}
.mg-inline-ad__img{display:block; overflow:hidden; background:var(--paper);}
.mg-inline-ad__img img{width:100%; height:100%; object-fit:cover; display:block;}
.mg-inline-ad__body{display:flex; flex-direction:column; justify-content:center; gap:10px; padding:24px 28px;}
.mg-inline-ad__title{font-family:var(--font-display); font-size:22px; font-weight:700; line-height:1.2; color:#fff;}
.mg-inline-ad__sub{font-family:var(--font-mono); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--gold);}
.mg-inline-ad__text{font-size:14.5px; line-height:1.55; opacity:.8;}
.mg-inline-ad__body .btn{margin-top:6px;}
.mg-inline-ad__card:not(:has(.mg-inline-ad__img)){grid-template-columns:1fr;}

/* ---- widgets row ---- */
.article-aside{max-width:1080px; margin:60px auto; display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:32px; align-items:start; border-top:2px solid var(--gold); padding-top:28px;}
.mg-widget{min-width:0;}
.mg-widget-title,.mg-widget .widget-title,.mg-widget .widgettitle{font-family:var(--font-display); font-size:22px; font-weight:200; text-transform:uppercase; letter-spacing:.07em; color:var(--gold-deep); margin:0 0 18px;}
.mg-widget img{max-width:100%; height:auto;}
.mg-widget.widget_custom_html img,.mg-widget.widget_media_image img{border:1.5px solid var(--ink); box-shadow:6px 6px 0 var(--lavender-deep);}
.mg-widget .video-container{border:1.5px solid var(--ink); box-shadow:6px 6px 0 var(--orange);}
.mg-widget .related-list{display:flex; flex-direction:column; gap:14px;}
.mg-widget .related-list a{display:flex; gap:12px; align-items:center;}
.mg-widget .related-list img{width:88px; height:66px; object-fit:cover; flex:0 0 88px;}
.mg-widget ul{list-style:none; padding:0; margin:0;}

@media (max-width:640px){
  .mg-inline-ad__card{grid-template-columns:1fr;}
  .mg-inline-ad__img{aspect-ratio:16/9;}
  .mg-inline-ad__body{padding:20px 22px;}
  .article-aside{gap:28px; margin:44px auto;}
}