/*
Theme Name: MK Gadget (Astra Child)
Template: astra
Description: Astra child theme for blog.mkgadget.com. Adds review-box styling, category chips, a buy button, and scroll-in animation on top of Astra. Requires the Astra theme installed (it can stay inactive once this child theme is active).
Version: 1.0
Author: MK Gadget
*/

@keyframes mkgFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

.wp-block-query .wp-block-post,
.ast-article-post{
  animation:mkgFadeUp .5s ease-out both;
  transition:transform .25s ease, box-shadow .25s ease;
}
.wp-block-query .wp-block-post:nth-child(2),.ast-article-post:nth-child(2){animation-delay:.08s}
.wp-block-query .wp-block-post:nth-child(3),.ast-article-post:nth-child(3){animation-delay:.16s}
.wp-block-query .wp-block-post:nth-child(4),.ast-article-post:nth-child(4){animation-delay:.24s}
.wp-block-query .wp-block-post:nth-child(5),.ast-article-post:nth-child(5){animation-delay:.32s}
.wp-block-query .wp-block-post:nth-child(6),.ast-article-post:nth-child(6){animation-delay:.4s}

.wp-block-query .wp-block-post:hover,
.ast-article-post:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 24px rgba(0,0,0,.08);
}

.wp-block-query .wp-block-post img,
.ast-article-post img{transition:transform .4s ease}
.wp-block-query .wp-block-post:hover img,
.ast-article-post:hover img{transform:scale(1.05)}

.mkg-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.mkg-pros,.mkg-cons{padding:16px 20px;border-radius:10px}
.mkg-pros{background:#e9f9ee;border:1px solid #b7e4c7}
.mkg-cons{background:#fdecec;border:1px solid #f3b8b8}
.mkg-pros h4{color:#1e7d3c;margin:0 0 8px}
.mkg-cons h4{color:#c0392b;margin:0 0 8px}
.mkg-pros ul,.mkg-cons ul{margin:0;padding:0}
.mkg-pros ul li,.mkg-cons ul li{list-style:none;padding-left:22px;position:relative;margin-bottom:8px}
.mkg-pros ul li::before{content:"\2713";position:absolute;left:0;color:#1e7d3c;font-weight:bold}
.mkg-cons ul li::before{content:"\2715";position:absolute;left:0;color:#c0392b;font-weight:bold}
@media (max-width:680px){.mkg-pros-cons{grid-template-columns:1fr}}

.mkg-category-strip{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.mkg-category-strip a{padding:8px 16px;border-radius:999px;background:#f3f4f6;color:#111827;font-size:13px;text-decoration:none;transition:background .2s ease, transform .2s ease}
.mkg-category-strip a:hover{background:#111827;color:#fff;transform:translateY(-2px)}

.mkg-buy-button{display:inline-block;padding:12px 28px;border-radius:8px;background:#111827;color:#fff;text-decoration:none;font-weight:600;transition:transform .2s ease, background .2s ease}
.mkg-buy-button:hover{background:#2563eb;transform:translateY(-2px);color:#fff}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}