/* Drone Site UK — general component/layout tweaks (applies in both light and dark). Reversible: deactivate child theme. */

/* ============================================================
   SERVICES — 6-service grid
   ============================================================ */
/* Desktop: tighten the gap so the cards don't drift apart */
@media (min-width:768px){
  .ds-service-grid .kt-row-column-wrap{gap:18px;}
}
/* Mobile: swipe sideways instead of a long vertical scroll */
@media (max-width:767px){
  .ds-service-grid .kt-row-column-wrap{
    display:flex !important;flex-wrap:nowrap !important;
    overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    gap:14px;padding:2px 2px 14px;
    scrollbar-width:thin;
  }
  .ds-service-grid .kt-row-column-wrap > .wp-block-kadence-column{
    flex:0 0 82% !important;max-width:82% !important;width:82% !important;
    scroll-snap-align:center;
  }
  /* subtle hint that there's more to swipe */
  .ds-service-grid .kt-row-column-wrap::after{content:"";flex:0 0 4px;}
}

/* ============================================================
   SERVICES — pricing packages (middle "Half Day" is featured)
   ============================================================ */
.ds-packages .kt-row-column-wrap{align-items:center;}
/* the middle card = kadence-column18_760464-ea */
.kadence-column18_760464-ea{position:relative;z-index:3;}
.kadence-column18_760464-ea::before{
  content:"Most popular";
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  z-index:4;background:#ffffff;color:var(--global-palette2,#2B6CB0);
  font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  padding:6px 15px;border-radius:999px;white-space:nowrap;
  box-shadow:0 4px 14px rgba(0,0,0,.22);
}
@media (min-width:768px){
  /* bigger + wider so it pokes above/below and the others sit behind it */
  .kadence-column18_760464-ea{transform:scale(1.07);}
  .kadence-column18_760464-ea > .kt-inside-inner-col{
    box-shadow:0 22px 50px rgba(0,0,0,.30) !important;
  }
}

/* ============================================================
   PORTFOLIO — project buttons (replaced the plain text links)
   ============================================================ */
.ds-portfolio-btns{margin-top:14px;}
.ds-portfolio-btn .wp-block-button__link{font-size:.9rem;padding:.55em 1.2em;}

/* ============================================================
   BLOG ARCHIVE — hero + "Read More"
   ============================================================ */
/* Match the other heroes: a palette8 panel (light in light mode, dark in dark mode) with the panorama
   showing ~15% through it, and text in palette3 (dark on light, light on dark). */
.post-archive-hero-section .hero-section-overlay{
  background:var(--global-palette8) !important;
  opacity:0.85 !important;
}
.post-archive-hero-section .entry-header,
.post-archive-hero-section .entry-header *,
.post-archive-hero-section .kadence-breadcrumbs,
.post-archive-hero-section .kadence-breadcrumbs *{color:var(--global-palette3) !important;}

/* "Read More" -> a proper button instead of an afterthought link */
.post-more-link{
  display:inline-block;background:var(--global-palette1);color:#ffffff !important;
  padding:.55em 1.25em;border-radius:6px;font-weight:600;font-size:.9rem;
  text-decoration:none;transition:background .2s ease,transform .15s ease;
}
.post-more-link::after{content:"\00a0\2192";}
.post-more-link:hover{background:var(--global-palette2);transform:translateX(2px);}