/*
Theme Name: Qwery Child Theme
Template: qwery
Theme URI: https://qwery.ancorathemes.com/
Description: Qwery Child Theme
Author: AncoraThemes
Author URI: https://ancorathemes.com/
Version: 1.4
Tested up to: 6.6
Requires at least: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: qwery
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */
* { box-sizing: border-box; }
:root{
  --bg:#fff; --text:#0f172a; --muted:#64748b; --line:#e2e8f0;
  --brand:#5060f6; --chip:#f8fafc; --shadow:0 6px 18px rgba(0,0,0,.06);
  --active: rgba(80, 96, 246, .10);
}
.brand{ font-weight:700; font-size:18px; display:flex; align-items:center; gap:10px; }
.badge{ display:inline-block; padding:4px 8px; border-radius:999px; background:var(--chip); color:var(--muted); border:1px solid var(--line); font-size:12px; }
.summary-bar{ background:#0f172a; color:#fff; padding:12px 16px; }
.summary-inner{ max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.pills{ display:flex; gap:8px; flex-wrap:wrap; }
.pill{ display:inline-flex; align-items:center; gap:6px; border:1px solid rgba(255,255,255,.25); color:#fff; background:rgba(255,255,255,.06); padding:6px 10px; border-radius:999px; font-size:13px; }
.pcp-h{color: #fff;}
.section{ padding: 16px; }
.card{ background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); }
.card-pad{ padding:30px; }
.muted{ color:var(--muted); }
.help-hint{ font-size:12px; color:var(--muted); margin-top:6px; }

.detail{ min-height:420px; }
.detail-header{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.hstack{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.hstack1{ display:flex;align-items: flex-start;gap:10px;flex-wrap:wrap;flex-direction: column; }

.progress{ height:10px; background:#e2e8f0; border-radius:999px; overflow:hidden; }
.progress > span{ display:block; height:10px; background:#22c55e; width:0%; }
.kv{ display:grid; grid-template-columns: 220px 1fr; gap:10px; padding:10px 0; border-bottom:1px dashed var(--line); }
.kv b{ color:#0b1220; }
.divider{ height:1px; background:#e5e7eb; border:none; margin:12px 0; }

.mt-8{ margin-top:8px; } .mt-12{ margin-top:12px; } .mt-16{ margin-top:16px; } .mt-24{ margin-top:24px; }
.mb-30{ margin-bottom:30px; }
.blur{ filter: blur(6px); }

/* HORIZONTAL TABS */
.htab-wrap{ position:relative; }
.htabs{ display:flex; gap:12px; overflow-x:auto; padding:12px; scroll-behavior:smooth; }
.htabs::-webkit-scrollbar{ height:12px; }
.htabs::-webkit-scrollbar-thumb{ background:#cbd5e1; border-radius:999px; }
.htabs::-webkit-scrollbar-track{ background:#f1f5f9; border-radius:999px; }
.htab{ flex:0 0 clamp(260px, 30%, 360px); border:1px solid var(--line); border-radius:12px; padding:10px; background:#fff; cursor:pointer; box-shadow:var(--shadow); }
.htab .title{ font-weight:700; margin:0; }
.htab .meta{ font-size:12px; color:var(--muted); }
.chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.chip{ display:inline-block; border:1px solid var(--line); background:var(--chip); border-radius:999px; padding:4px 8px; font-size:11px; }
.htab.active{ background:var(--active); border-color: var(--brand); }
.fade-left, .fade-right{ position:absolute; top:0; bottom:24px; width:48px; pointer-events:none; }
.fade-left{ left:0; background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%); }
.fade-right{ right:0; background: linear-gradient(270deg, #fff 0%, rgba(255,255,255,0) 100%); }
.nav-btn{ position:absolute; top:50%; transform: translateY(-50%); background:#fff; border:1px solid var(--line); border-radius:999px; box-shadow:var(--shadow); width:36px; height:36px; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.nav-btn.left{ left:6px; } .nav-btn.right{ right:6px; }
.scroll-hint{ text-align:right; font-size:12px; color:var(--muted); margin-top:6px; }
#menu-form-menu li .ekit-menu-nav-link{min-width: 180px}
@media (min-width: 1025px) {
    .ekit-vertical-navbar-nav .elementskit-dropdown {right: 0;left: auto;top: 100%;z-index: 999999;overflow: auto;height: 250px;min-width: 350px;}
    #menu-form-menu-2 .elementskit-dropdown{left: 0;right: auto;} 
}