/*
 * CSI Services: shared page parts output by CSI shortcodes, used on service and event pages:
 * breadcrumb [csi_breadcrumb], section menu [csi_section_nav], tags/pills [csi_service_tags].
 * (Moved here from the service and event templates' page Custom CSS in 1.5.0.)
 */

/* Section menu jumps: smooth (unless the visitor prefers less motion), and stop below the sticky header */
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.csi-sec,.csi-evsec,#about-cyprus,#booking,#tickets{scroll-margin-top:150px}
@media (max-width:767px){.csi-sec,.csi-evsec,#about-cyprus,#booking,#tickets{scroll-margin-top:96px}}

/* Breadcrumb [csi_breadcrumb] */
.csi-crumb{font-size:14px;color:#4A6670}
.csi-crumb a{color:#4A6670;text-decoration:underline}
.csi-crumb a:hover,.csi-crumb a:focus-visible{color:#137288;text-decoration-thickness:2px}
.csi-crumb [aria-current]{color:#0B2E38}

/* Section menu [csi_section_nav] (space above it: the widget's Advanced › Margin) */
.csi-snav{display:flex;gap:4px;border-bottom:1px solid #D8E6EA;overflow-x:auto;scrollbar-width:none}
.csi-snav::-webkit-scrollbar{display:none}
.csi-snav a{padding:14px 16px;font-weight:600;font-size:15px;color:#4A6670;text-decoration:none;white-space:nowrap}
.csi-snav a:hover,.csi-snav a:focus-visible,.csi-snav a[aria-current]{color:#137288;box-shadow:inset 0 -3px 0 #137288}

/* Tags / pills [csi_service_tags] */
.csi-pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.csi-pill{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12.5px;font-weight:700;line-height:1.35}
.csi-pill--blue{background:#E3F6FD;color:#045E7D}
.csi-pill--green{background:#EDF8E4;color:#2F6B12}
.csi-pill--yellow{background:#FFF5D6;color:#6E5100}
.csi-pill--orange{background:#FEF0D6;color:#8A5300}
.csi-pill--grey{background:#F3F8FA;color:#4A6670}
.csi-pill--white{background:#FFFFFF;color:#0B2E38}