/* Dr. Rayess Core — front-end utilities */ /* Belt and braces against browser-level auto-darkening: the scheme is also declared inline in , this keeps it if that style is ever stripped. */ :root{color-scheme:light} [data-drr-theme="dark"]{color-scheme:dark} [data-drr-theme="light"]{color-scheme:light} img,video,iframe{forced-color-adjust:none} .drr-hours{list-style:none;margin:0;padding:0} .drr-hours li{display:flex;justify-content:space-between;gap:18px;padding:6px 0;font-size:13.5px;border-bottom:1px solid var(--dr-line,#E6E4DA)} .drr-hours li:last-child{border-bottom:0} .drr-hours li span:first-child{color:var(--dr-muted,#616E75)} /* ---------------------------------------------------- WhatsApp float */ .drr-wa{ --drr-wa-bg:#1D5F7A; --drr-wa-bg-h:#5AB3D8; --drr-wa-fg:#fff; --drr-wa-size:28px; --drr-wa-offset:22px; position:fixed;bottom:var(--drr-wa-offset);z-index:9990; display:inline-flex;align-items:center; background:var(--drr-wa-bg);color:var(--drr-wa-fg);text-decoration:none; border-radius:999px;overflow:hidden; box-shadow:0 14px 34px -14px rgba(12,35,51,.55); transition:background .22s, transform .22s, box-shadow .22s; } .drr-wa--right{right:var(--drr-wa-offset)} .drr-wa--left{left:var(--drr-wa-offset)} .drr-wa svg{width:var(--drr-wa-size);height:var(--drr-wa-size);margin:13px;flex:none} .drr-wa span{ font-family:var(--dr-font-text,sans-serif);font-size:14px;font-weight:500; white-space:nowrap;transition:max-width .28s ease, opacity .2s, padding .28s; } .drr-wa:hover,.drr-wa:focus-visible{background:var(--drr-wa-bg-h);color:var(--drr-wa-fg);transform:translateY(-2px)} .drr-wa:focus-visible{outline:3px solid var(--dr-sky,#5AB3D8);outline-offset:3px} /* style: expand on hover (default) */ .drr-wa--expand span{max-width:0;opacity:0;padding-right:0} .drr-wa--expand:hover span,.drr-wa--expand:focus-visible span{max-width:240px;opacity:1;padding-right:22px} /* style: icon only */ .drr-wa--icon span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* style: always labelled */ .drr-wa--label span{max-width:240px;opacity:1;padding-right:22px} @media(max-width:767px){ .drr-wa{--drr-wa-offset:16px} .drr-wa svg{margin:12px} .drr-wa--expand span,.drr-wa--label span{display:none} .drr-wa--nomobile{display:none} } /* ------------------------------------------------------ form states */ .drr-form-msg{ margin-top:14px;padding:13px 16px; border-radius:var(--dr-radius-sm,14px); font-size:13.5px;display:none; } .drr-form-msg.is-on{display:block} .drr-form-msg--ok{background:var(--dr-sky-soft,#DEF0F7);color:var(--dr-sky-soft-ink,#184D63)} .drr-form-msg--err{background:var(--dr-crimson-soft,#DEF0F7);color:var(--dr-crimson,#C62237)} .drr-wa-continue{display:inline-block;margin-top:8px;font-weight:600;text-decoration:underline} .drr-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden} .drr-is-sending{opacity:.6;pointer-events:none} /* Sticky header states, applied by front.js */ [data-drr-header]{transition:box-shadow .22s, padding .22s, background .22s} [data-drr-header].is-stuck{position:sticky;top:0;z-index:999;box-shadow:0 10px 30px -22px rgba(12,35,51,.5)} body.drr-nav-open{overflow:hidden} @media (prefers-reduced-motion: reduce){ .drr-wa,.drr-wa span,[data-drr-header]{transition:none} } /* ================================================================= SITE CHROME — header, mobile drawer, footer, theme switcher All values read brand tokens, so dark mode needs no extra rules. ================================================================= */ .drr-pill{display:inline-flex;align-items:center;gap:9px;font-family:var(--dr-font-text,sans-serif); font-weight:500;font-size:14px;padding:12px 24px;border-radius:var(--dr-radius-pill,999px); border:0;cursor:pointer;text-decoration:none;line-height:1.1;transition:.18s} .drr-pill svg{width:16px;height:16px;flex:none} .drr-pill--soft{background:var(--dr-sky-soft,#DEF0F7);color:var(--dr-sky-soft-ink,#184D63)} .drr-pill--soft:hover{background:var(--dr-deep,#1D5F7A);color:#fff} .drr-pill--deep{background:var(--dr-deep,#1D5F7A);color:#fff} .drr-pill--deep:hover{filter:brightness(1.1)} .drr-pill--white{background:#fff;color:var(--dr-deep,#1D5F7A)} .drr-pill--white:hover{color:var(--dr-ink,#22282C)} /* ---------------------------------------------------------- header */ .drr-header{background:var(--dr-off,#FBFAF7);position:relative;z-index:900} .drr-header__in{max-width:1360px;margin:0 auto;padding:18px 30px; display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px} .drr-header.is-stuck{position:sticky;top:0;background:var(--dr-off,#FBFAF7)} .drr-header.is-shrunk .drr-header__in{padding-top:11px;padding-bottom:11px} .drr-logo{display:flex;align-items:center;text-decoration:none;--drr-logo-h:46px} .drr-header__in > .drr-logo{justify-self:start} .drr-logo img,.drr-logo svg{display:block;width:auto !important;max-width:none !important; object-fit:contain;flex:none;overflow:visible} .drr-logo__img{height:var(--drr-logo-h) !important} .drr-logo__svg{height:var(--drr-logo-h) !important;width:auto !important} .drr-logo__svg *{fill:inherit} .drr-header__in{min-width:0} .drr-header__in > *{min-width:0} .drr-logo__text{display:flex;align-items:center;gap:10px} .drr-logo__text b{font-size:26px;font-weight:700;letter-spacing:-1.5px;color:var(--dr-sky,#5AB3D8)} .drr-logo__text span{font-size:13px;font-weight:500;color:var(--dr-ink,#22282C)} .drr-nav{justify-self:center} .drr-nav__list{display:flex;gap:clamp(14px,1.8vw,26px);list-style:none;margin:0;padding:0;white-space:nowrap} .drr-nav__list a{font-size:13.5px;font-weight:500;color:var(--dr-muted,#616E75);text-decoration:none; padding:6px 0;border-bottom:2px solid transparent;transition:.15s;display:block} .drr-nav__list a:hover{color:var(--dr-ink,#22282C)} .drr-nav__list .current-menu-item > a, .drr-nav__list .current_page_item > a{color:var(--dr-deep,#1D5F7A);border-bottom-color:var(--dr-deep,#1D5F7A)} .drr-nav__list li{position:relative} .drr-nav__list .sub-menu{position:absolute;top:100%;left:0;min-width:210px;background:var(--dr-card,#fff); border:1px solid var(--dr-line,#E6E4DA);border-radius:var(--dr-radius-sm,14px);padding:8px; list-style:none;margin:8px 0 0;box-shadow:var(--dr-shadow);opacity:0;visibility:hidden; transform:translateY(6px);transition:.18s} .drr-nav__list li:hover > .sub-menu, .drr-nav__list li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:none} .drr-nav__list .sub-menu a{padding:9px 12px;border:0;border-radius:9px} .drr-nav__list .sub-menu a:hover{background:var(--dr-cream,#F1F0E9)} .drr-header__right{display:flex;align-items:center;gap:14px;justify-self:end} .drr-header__tel{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500; color:var(--dr-ink,#22282C);text-decoration:none} .drr-header__tel-ic{width:36px;height:36px;border-radius:50%;background:var(--dr-cream,#F1F0E9); display:flex;align-items:center;justify-content:center;color:var(--dr-deep,#1D5F7A);flex:none} .drr-header__tel-ic svg{width:15px;height:15px} .drr-header__tel:hover{color:var(--dr-deep,#1D5F7A)} .drr-header__cta{padding:11px 20px;font-size:13px} .drr-burger{display:none;justify-self:end;grid-column:3;background:transparent;cursor:pointer; border:1.5px solid var(--dr-line,#E6E4DA);color:var(--dr-ink,#22282C); border-radius:var(--dr-radius-pill,999px);padding:9px 11px} .drr-burger svg{width:17px;height:17px;display:block} /* Defensive: theme and plugin CSS target bare button elements, so the two chrome controls declare their own colours with priority. */ .drr-header .drr-burger, .drr-header .drr-burger:hover, .drr-header .drr-burger:focus, .drr-header .drr-burger:active{ background-color:transparent !important; color:var(--dr-ink,#22282C) !important; border:1.5px solid var(--dr-line,#E6E4DA) !important; box-shadow:none !important;background-image:none !important} .drr-header .drr-burger:hover{ border-color:var(--dr-deep,#1D5F7A) !important; color:var(--dr-deep,#1D5F7A) !important} /* ---------------------------------------------------- theme switcher */ .drr-themetoggle{width:38px;height:38px;border-radius:50%;flex:none;cursor:pointer; background-color:var(--dr-cream,#F1F0E9) !important;border:0 !important; color:var(--dr-ink,#22282C) !important;background-image:none !important; display:flex;align-items:center;justify-content:center;transition:.18s} .drr-themetoggle:hover{background-color:var(--dr-sky-soft,#DEF0F7) !important; color:var(--dr-sky-soft-ink,#184D63) !important} .drr-themetoggle:focus-visible{outline:2px solid var(--dr-deep,#1D5F7A);outline-offset:2px} .drr-themetoggle svg{width:17px;height:17px} .drr-themetoggle__moon{display:none} [data-drr-theme="dark"] .drr-themetoggle__sun{display:none} [data-drr-theme="dark"] .drr-themetoggle__moon{display:block} /* ---------------------------------------------------- mobile drawer */ .drr-mnav{display:none;background:var(--dr-off,#FBFAF7);border-top:1px solid var(--dr-line,#E6E4DA);padding:6px 30px 22px} .drr-mnav.is-open{display:block} .drr-mnav__list{list-style:none;margin:0;padding:0} .drr-mnav__list a{display:block;padding:13px 2px;font-size:15px;font-weight:500;text-decoration:none; color:var(--dr-muted,#616E75);border-bottom:1px solid var(--dr-line,#E6E4DA)} .drr-mnav__list a{color:var(--dr-muted,#616E75)} .drr-mnav__list a:hover{color:var(--dr-ink,#22282C)} .drr-mnav__list .current-menu-item > a, .drr-mnav__list .current_page_item > a{color:var(--dr-deep,#1D5F7A)} .drr-mnav__list .sub-menu{list-style:none;margin:0;padding:0 0 0 16px} .drr-mnav__foot{display:flex;align-items:center;gap:12px;margin-top:18px} @media(max-width:1200px){ .drr-nav,.drr-header__right{display:none} .drr-burger{display:block} .drr-header__in{grid-template-columns:1fr auto} } /* ---------------------------------------------------------- footer */ .drr-footer{background:var(--dr-deep,#1D5F7A);color:#EAF4F8; border-radius:var(--dr-radius-lg,26px) var(--dr-radius-lg,26px) 0 0; margin:70px 12px 0;padding:60px 0 0} [data-drr-theme="dark"] .drr-footer{background:var(--dr-navy-2,#173F4F)} .drr-footer__in{max-width:1060px;margin:0 auto;padding:0 30px} .drr-footer__top{text-align:center;display:flex;flex-direction:column;align-items:center} .drr-footer .drr-logo{justify-content:center;justify-self:center} .drr-footer .drr-logo__img,.drr-footer .drr-logo__svg{height:var(--drr-logo-h) !important} .drr-footer .drr-logo__text b{color:#fff} .drr-footer .drr-logo__text span{color:rgba(255,255,255,.8)} .drr-footer__about{max-width:52ch;margin:18px auto 0;font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.82)} .drr-footer__row{display:flex;align-items:center;justify-content:center;gap:20px;margin:26px 0 46px;flex-wrap:wrap} .drr-footer__tel{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:#fff;text-decoration:none} .drr-footer__tel span[aria-hidden]{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.13); display:flex;align-items:center;justify-content:center;flex:none} .drr-footer__tel svg{width:15px;height:15px} .drr-footer__tel:hover,.drr-footer__tel:focus-visible{color:var(--dr-sky,#5AB3D8)} .drr-footer__tel:hover span[aria-hidden]{background:rgba(255,255,255,.22)} .drr-footer a:not(.drr-pill){color:inherit} .drr-footer a:not(.drr-pill):hover, .drr-footer a:not(.drr-pill):focus-visible{color:var(--dr-sky,#5AB3D8)} .drr-footer a.drr-pill--white{background:#fff;color:var(--dr-deep,#1D5F7A)} .drr-footer a.drr-pill--white:hover, .drr-footer a.drr-pill--white:focus-visible{background:var(--dr-sky,#5AB3D8);color:#fff} .drr-footer a.drr-pill--white svg{color:currentColor} .drr-footer__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:left; max-width:960px;margin:0 auto} .drr-footer__cols h6{font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase; color:rgba(255,255,255,.55);margin:0 0 14px} .drr-footer__col--info h6:not(:first-child){margin-top:20px} .drr-footer__menu{list-style:none;margin:0;padding:0} .drr-footer__menu a{display:block;font-size:13px;padding:4.5px 0;color:rgba(255,255,255,.85);text-decoration:none;transition:.15s} .drr-footer__menu a:hover{color:#fff} .drr-footer__col p{margin:0;font-size:13px;line-height:1.65;color:rgba(255,255,255,.85)} .drr-footer__col p a{color:inherit;text-decoration:underline;text-underline-offset:3px} .drr-footer__note{margin-top:10px !important;font-size:12px !important;color:rgba(255,255,255,.6) !important} .drr-footer__bar{border-top:1px solid rgba(255,255,255,.16);margin-top:44px;padding:20px 0; display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap; font-size:11.5px;color:rgba(255,255,255,.65)} .drr-foot__soc{display:flex;gap:16px} .drr-foot__soc a{color:rgba(255,255,255,.8);transition:.15s} .drr-foot__soc a:hover{color:#fff} .drr-foot__soc svg{width:16px;height:16px;display:block} @media(max-width:1024px){.drr-footer__cols{grid-template-columns:1fr 1fr}} @media(max-width:600px){ .drr-footer{margin:50px 8px 0;padding-top:46px} .drr-footer__cols{grid-template-columns:1fr;gap:24px;text-align:center} .drr-footer__bar{flex-direction:column;text-align:center} .drr-header__in{padding:14px 20px} .drr-mnav{padding:6px 20px 20px} }