/*
Theme Name: Webvara theme designed by Gourav Shrivastava
Author: Gourav Shrivastava
Description: Standalone DMWS website theme with integrated content, leads, WhatsApp and certificate features.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: dmws-custom
*/

/* Image-only certificate showcase; scoped to this homepage section. */
#certificates .cert-card {
  padding: 2px;
  border: 0;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(135deg, #d62839, #a6b4d3 48%, #324f91);
  box-shadow: 0 6px 18px rgba(20, 35, 65, .14);
}
#certificates .cert-frame {
  padding: 0;
  border: 0;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  aspect-ratio: 4 / 3;
}
#certificates .cert-frame img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
/* Audit fixes: scoped controls retain the existing theme appearance. */
.drawer[aria-hidden="true"]{visibility:hidden;pointer-events:none}
.drawer.open{visibility:visible}
.drawer-close,.dmws-demo-close{min-width:44px;min-height:44px}
footer .dmws-footer-heading{color:#fff;font-size:.9rem;font-weight:700;line-height:normal;margin-bottom:16px;letter-spacing:.03em}
.hero-dots{gap:0;padding-bottom:0}
.hero-dots button,.hero-dots button.active{position:relative;width:44px;height:44px;flex:0 0 44px;border-radius:6px;background:transparent;transition:none}
.hero-dots button::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background:var(--border)}
.hero-dots button.active::before{width:26px;border-radius:6px;background:var(--accent)}
.dmws-hero-pause{display:block;min-height:44px;margin:0 auto 12px;padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-size:.85rem}
@media(max-width:1039px){.nav-links .menu{display:none}}
@media(prefers-reduced-motion:reduce){.hero-track{transition:none!important}}


/* First hero slide: original supplied search screenshot. */
.dmws-search-proof{width:min(100%,420px);justify-self:center;background:var(--surface)}
.dmws-search-proof-image{display:flex;justify-content:center;padding:16px;background:linear-gradient(145deg,var(--surface-2),var(--surface))}
.dmws-search-proof-image img{display:block;width:auto;height:410px;max-width:100%;object-fit:contain;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.16)}
.dmws-search-proof-image:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}
.dmws-search-proof-caption{margin:0;padding:0 18px 16px;text-align:center;font-size:.85rem;font-weight:600;color:var(--ink)}
.dmws-search-proof-caption span{display:block;margin-top:4px;font-size:.75rem;font-weight:400;color:var(--ink-faint)}
/* A miniature certificate frame without changing the menu's geometry. */
.navbar .nav-links a[href*="/get-certificate"]{position:relative;isolation:isolate;background:#fff;color:#2e4370;border-radius:2px;box-shadow:0 0 0 1px #7fa2cd,0 3px 10px rgba(25,45,75,.12)}
.navbar .nav-links a[href*="/get-certificate"]::before{content:"";position:absolute;inset:3px;border:3px double #7fa2cd;opacity:1;pointer-events:none;transition:border-color .2s ease}
.navbar .nav-links a[href*="/get-certificate"]::after{content:"";position:absolute;right:5px;bottom:-5px;width:15px;height:15px;border:2px dotted #a77b20;border-radius:50%;background:#e9c568;box-shadow:0 0 0 2px #fff,inset 0 0 0 2px #f8e7b4;opacity:1;transform:scale(1);pointer-events:none;transition:transform .2s ease}
.navbar .nav-links a[href*="/get-certificate"]:is(:hover,:focus-visible){background:#eef4ff;color:#1e3562;border-radius:2px;box-shadow:0 0 0 1px #2e4370,0 5px 14px rgba(25,45,75,.22);transform:none}
.navbar .nav-links a[href*="/get-certificate"]:is(:hover,:focus-visible)::before{opacity:1}
.navbar .nav-links a[href*="/get-certificate"]:is(:hover,:focus-visible)::after{opacity:1;transform:translateY(0) scale(1)}
@media(prefers-reduced-motion:reduce){.navbar .nav-links a[href*="/get-certificate"],.navbar .nav-links a[href*="/get-certificate"]::before,.navbar .nav-links a[href*="/get-certificate"]::after{transition:none}}
@media(max-width:600px){.dmws-search-proof-image img{height:auto;width:220px;max-width:100%}.dmws-search-proof .proof-bar{padding:10px}.dmws-search-proof .url{margin-left:0;font-size:.65rem}}