/* Clinic look for the pages outside the builder: breadcrumb band, appointment booking (shared barberShop views),
   appointment and article pages, contact, account forms. Same colour tokens as clinic-demo.css. */
body.clinic .clinic-breadcrumb{padding:44px 0 36px;background:linear-gradient(100deg,#fff,color-mix(in srgb,var(--cl-mint) 75%,#fff));border-bottom:1px solid var(--cl-line)}
body.clinic .clinic-breadcrumb .container{max-width:1240px}
body.clinic .clinic-breadcrumb .breadcrumb{margin:0 0 10px;padding:0;background:transparent;font-size:13.5px}
body.clinic .clinic-breadcrumb .breadcrumb-item a{color:var(--cl-teal);text-decoration:none}
body.clinic .clinic-breadcrumb .breadcrumb-item.active{color:var(--cl-muted)}
body.clinic .clinic-page-title{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);color:var(--cl-ink)}

/* shared buttons */
body.clinic .barberShop_cmn_btn,body.clinic .cmn-btn,body.clinic .cmn_btn,body.clinic .btn_bg_1,body.clinic .login-form button[type="submit"],body.clinic .pb-contact-form button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 30px;border:0;border-radius:999px;background:var(--cl-teal)!important;color:#fff!important;font-weight:600;transition:background .2s ease}
body.clinic .barberShop_cmn_btn:hover,body.clinic .btn_bg_1:hover,body.clinic .login-form button[type="submit"]:hover,body.clinic .pb-contact-form button[type="submit"]:hover{background:color-mix(in srgb,var(--cl-teal) 85%,#000)!important}

/* Booking: service banner, extras as selectable cards, calendar next to time slots */
body.clinic .barberShop_banner_area{padding:48px 0 24px;background:transparent!important}
body.clinic .barberShop_banner__appointment__shape{display:none}
body.clinic .barberShop_banner__title{font-family:var(--heading-font,'Didact Gothic',sans-serif);font-size:clamp(2rem,4.5vw,3rem);line-height:1.15;color:var(--cl-ink)}
body.clinic .barberShop_banner__titleColor{color:var(--cl-teal)}
body.clinic .barberShop_banner__para{font-size:1.05rem;line-height:1.7;color:var(--cl-muted)}
body.clinic .barberShop_banner__appointment__right__thumb:empty{display:none}
body.clinic .barberShop_banner__appointment__right__thumb img{width:100%;max-height:360px;object-fit:cover;border-radius:24px;box-shadow:var(--cl-shadow)}
body.clinic .barberShop_sectionTitle .title{font-family:var(--heading-font,'Didact Gothic',sans-serif);font-size:clamp(1.5rem,3vw,2rem);color:var(--cl-ink)}
body.clinic .barberShop_sectionTitle .titleColor{color:var(--cl-teal)}
body.clinic .select_service_area{padding-top:24px!important;padding-bottom:16px!important}
body.clinic .barberShop__pricing{position:relative;height:100%;padding:18px 20px;border:1px solid var(--cl-line);border-radius:16px;background:#fff!important;transition:border-color .2s ease,box-shadow .2s ease}
body.clinic .barberShop__pricing:hover,body.clinic .barberShop__pricing:has(input:checked){border-color:var(--cl-teal);box-shadow:var(--cl-shadow)}
body.clinic .barberShop__pricing__contents__title{font-size:1.05rem;color:var(--cl-ink)}
body.clinic .barberShop__pricing__contents__para__price{color:var(--cl-teal);font-weight:700}
body.clinic .barberShop_service__single__icon:empty{display:none}
body.clinic .checkBox__input{accent-color:var(--cl-teal);width:20px;height:20px}
body.clinic .barberShop_schedule_area{padding-top:24px!important}
body.clinic .barberShop_schedule__flex{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
body.clinic .barberShop_schedule__calendar .flatpickr-calendar{border:1px solid var(--cl-line);border-radius:16px;box-shadow:var(--cl-shadow)}
body.clinic .flatpickr-day.selected,body.clinic .flatpickr-day.selected:hover{background:var(--cl-teal);border-color:var(--cl-teal)}
body.clinic .flatpickr-day.today{border-color:var(--cl-teal)}
body.clinic .barberShop_scheduleTabs{flex:1 1 320px;min-width:0}
body.clinic .barberShop_scheduleTabs__list{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 16px;list-style:none}
body.clinic .barberShop_scheduleTabs__list li{padding:8px 18px;border-radius:999px;background:#fff;border:1px solid var(--cl-line);color:var(--cl-ink);cursor:pointer}
body.clinic .barberShop_scheduleTabs__list li.active{background:var(--cl-teal);border-color:var(--cl-teal);color:#fff}
body.clinic .schedule_time{border-radius:10px}

/* Appointment page and article page: content column + sidebar */
body.clinic .blogDetails{padding-top:48px}
body.clinic .singleBlog-details .capImg img{border-radius:20px}
body.clinic .singleBlog-details h1,body.clinic .singleBlog-details h2,body.clinic .singleBlog-details h3{color:var(--cl-ink)}
body.clinic .singleBlog-details p,body.clinic .singleBlog-details li{font-size:1.02rem;line-height:1.8;color:color-mix(in srgb,var(--cl-ink) 82%,transparent)}
body.clinic .widget-area-wrapper>*{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--cl-line);margin-bottom:16px}
body.clinic .singleBlog-global .blog-img img{border-radius:14px}
body.clinic .singleBlog-global .tittle a,body.clinic .singleBlog-global .tittle{color:var(--cl-ink)}

/* Contact form and account forms */
body.clinic .pb-contact-form input,body.clinic .pb-contact-form textarea,body.clinic .login-form .form-control{border:1px solid var(--cl-line);border-radius:12px;background:#fff;min-height:46px}
body.clinic .pb-contact-form input:focus,body.clinic .pb-contact-form textarea:focus,body.clinic .login-form .form-control:focus{border-color:var(--cl-teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--cl-teal) 20%,transparent)}
body.clinic .clinic-demo-contact-row .pb-site-footer-contact{height:100%;padding:28px;border-radius:18px;background:color-mix(in srgb,var(--cl-mint) 75%,#fff)}
body.clinic .clinic-demo-contact-row .pb-site-footer-contact li{display:flex;gap:10px;margin-bottom:12px}
body.clinic .clinic-demo-contact-row .pb-site-footer-contact li::before{content:"\f3c5";font-family:"Font Awesome 6 Free";font-weight:900;width:14px;color:var(--cl-teal)}
body.clinic .clinic-demo-contact-row .pb-site-footer-contact li:has(a[href^="tel:"])::before{content:"\f095"}
body.clinic .clinic-demo-contact-row .pb-site-footer-contact li:has(a[href^="mailto:"])::before{content:"\f0e0"}
body.clinic .clinic-demo-contact-row .pb-contact-form-widget{padding:28px;border-radius:18px;background:#fff;border:1px solid var(--cl-line)}
@media (max-width:767px){body.clinic .clinic-breadcrumb{padding:28px 0 22px}body.clinic .barberShop_banner_area{padding-top:24px}}
body.clinic .barberShop_banner__appointment__right__thumb,body.clinic .barberShop_banner__appointment__right__thumb::before,body.clinic .barberShop_banner__appointment__right__thumb::after{background:transparent!important}
body.clinic .barberShop_scheduleTabs__contents .tab_content_item.active{display:flex;flex-wrap:wrap;gap:8px}
body.clinic .barberShop_scheduleTabs__time{display:inline-flex;align-items:center;padding:9px 16px;border:1px solid var(--cl-line);border-radius:10px;background:#fff;color:var(--cl-ink);font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .2s ease,background .2s ease}
body.clinic .barberShop_scheduleTabs__time:hover{border-color:var(--cl-teal)}
body.clinic .barberShop_scheduleTabs__time:has(.active),body.clinic .barberShop_scheduleTabs__time.active{background:var(--cl-teal);border-color:var(--cl-teal);color:#fff}
body.clinic .barberShop_scheduleTabs__time__item,body.clinic .barberShop_scheduleTabs__time__item.active{background:transparent!important;border:0!important;padding:0!important;color:inherit!important}
body.clinic .barberShop_scheduleTabs__time:has(.active) *{color:#fff!important}
/* articles and appointment pages without sidebar widgets: one centred reading column */
body.clinic .blogDetails .row>[class*="col-xxl-4"]:has(.widget-area-wrapper:empty),body.clinic .blogDetails .row>[class*="col-xxl-4"]:not(:has(.widget-area-wrapper > *)){display:none}
body.clinic .blogDetails .row:not(:has(.widget-area-wrapper > *))>[class*="col-xxl-8"]{flex:0 0 100%;max-width:820px;margin-inline:auto}