/* ══════════════════════════════════════
   DrNet Theme — extra.css
   Breadcrumbs, Search, 404, Single Service
══════════════════════════════════════ */

/* ── Breadcrumbs ── */
.breadcrumbs { padding:0; }
.bc-list {
  list-style:none;
  display:flex; align-items:center; gap:8px;
  flex-wrap:wrap;
  font-size:13px; color:var(--muted);
}
.bc-item a { color:var(--blue); text-decoration:none; font-weight:600; }
.bc-item a:hover { text-decoration:underline; }
.bc-current { color:var(--text); font-weight:700; }
.bc-sep { color:var(--muted); font-size:16px; }

/* ── Search form in 404 / search ── */
input[type="search"]:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(26,79,224,.1);
}

/* ── Single Service content ── */
.service-content h2 { font-size:22px; font-weight:800; margin:28px 0 12px; color:var(--text); }
.service-content h3 { font-size:17px; font-weight:700; margin:24px 0 10px; color:var(--text); }
.service-content p  { margin-bottom:14px; }
.service-content ul { padding-right:20px; margin-bottom:16px; }
.service-content ul li { margin-bottom:6px; line-height:1.7; }
.service-content strong { color:var(--text); }

/* ── Pagination ── */
.page-numbers {
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; border-radius:8px;
  background:#fff; border:1px solid var(--border);
  color:var(--muted); text-decoration:none; font-weight:700; font-size:14px;
  transition:background .2s, color .2s, border-color .2s;
}
.page-numbers:hover,
.page-numbers.current {
  background:var(--blue); color:#fff; border-color:var(--blue);
}
.nav-links { display:flex; gap:8px; justify-content:center; }

/* ── WooCommerce basic RTL fix ── */
.woocommerce { direction:rtl; }
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button {
  background:var(--blue) !important;
  color:#fff !important;
  border-radius:8px !important;
  font-family:'Heebo',sans-serif !important;
  font-weight:700 !important;
}
.woocommerce .button:hover { background:var(--blue-dark) !important; }

/* ── Service cards — clickable link styling ── */
a:has(.service-card),
a[href] .service-card {
    display: block;
    height: 100%;
}
.service-card {
    transition: transform .25s, box-shadow .25s, border-color .25s;
}
a:hover .service-card {
    transform: translateY(-6px);
    box-shadow: 0 16px 48px rgba(26,79,224,.14);
    border-color: rgba(26,79,224,.3);
}