/*
Theme Name: DrNaoum
Theme URI: https://drnikosnaoum.com
Description: DrNaoum theme by No IT Agency.
Author: No IT Agency
Author URI: https://noit.agency
Template: Avada
Version: 1.0.0
Requires PHP: 8.1
Text Domain: drnaoum
*/

/*
 * Tap highlight (owner, via marketing): iOS and Android paint a grey block over a link, a menu item or a button for a
 * moment when it is tapped. The property is inherited, so setting it on the root covers everything on the page,
 * including elements that only become clickable through a script; the explicit list below covers anything that sets
 * its own. Focus stays exactly as it is — no outline is touched here, and every :focus / :focus-visible state in this
 * file is left alone (that is accessibility, not this).
 */
html{-webkit-tap-highlight-color:transparent}
a,area,button,input,label,select,summary,textarea,[role="button"],[role="link"],[role="tab"],[role="menuitem"],[tabindex]{-webkit-tap-highlight-color:transparent}

/*
 * Fluent Forms: the look of the old Gravity Forms (placeholders only, square
 * inputs in Avada's form colours, full-width gradient submit button).
 * Hero banners: native Avada containers that replaced Slider Revolution on
 * the homepage, Εμμηνόπαυση and the book page (class "drn-hero").
 * Homepage hero text (class "drn-hero--home", import/homepage/edit-hero-text.php): text column on the right of the
 * photo; on phones the photo sits on top (showing the doctor) with the text below it.
 */
.fluentform .ff-el-group{margin-bottom:15px}
.fluentform .ff-el-form-hide_label .ff-el-input--label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.fluentform .ff-t-container{gap:15px}
.fluentform .ff-t-container .ff-t-cell .ff-el-group{margin-bottom:15px}
.fluentform .ff-el-input--content .ff-el-form-control{background-color:var(--form_bg_color);border:1px solid var(--form_border_color);border-radius:var(--form_border_radius,0);box-shadow:none;color:var(--form_text_color);font-size:var(--form_text_size);height:var(--form_input_height);line-height:normal;padding:0 15px}
.fluentform .ff-el-input--content textarea.ff-el-form-control{height:auto;min-height:100px;padding:12px 15px}
.fluentform .ff-el-input--content .ff-el-form-control::placeholder{color:var(--form_text_color);opacity:.7}
.fluentform .ff-el-input--content .ff-el-form-control:focus{background-color:var(--form_bg_color);border-color:var(--form_focus_border_color);color:var(--form_text_color);outline:0}
.fluentform .ff-el-tc .ff_tc_label{align-items:flex-start;display:flex;font-size:var(--form_text_size);gap:8px}
.fluentform .ff-el-tc .ff_tc_checkbox{padding-top:3px}
.fluentform .ff_submit_btn_wrapper{margin-bottom:0}
body .fluentform form.frm-fluent-form .ff_submit_btn_wrapper .ff-btn-submit{background:linear-gradient(180deg,var(--button_gradient_top_color),var(--button_gradient_bottom_color));border:0;border-radius:0;color:var(--button_accent_color);font-family:var(--button_typography-font-family);font-size:var(--button_font_size);font-weight:var(--button_typography-font-weight);letter-spacing:var(--button_typography-letter-spacing);padding:var(--button_padding-top) var(--button_padding-left);text-transform:var(--button_text_transform);width:100%}
body .fluentform form.frm-fluent-form .ff_submit_btn_wrapper .ff-btn-submit:hover,body .fluentform form.frm-fluent-form .ff_submit_btn_wrapper .ff-btn-submit:focus{background:linear-gradient(180deg,var(--button_gradient_top_color_hover),var(--button_gradient_bottom_color_hover));color:var(--button_accent_color);opacity:1}
.fluentform .ff-el-is-error .ff-el-form-control{border-color:#c0392b}
.fluentform .error.text-danger{color:#c0392b;font-size:12px;margin-top:4px}
.fluentform .ff-message-success{background:transparent;border:1px solid var(--awb-color5);box-shadow:none;color:var(--awb-color7);padding:15px}
.fluentform .fluent_form_5 .ff_submit_btn_wrapper .ff-btn-submit{height:var(--form_input_height);padding-top:0;padding-bottom:0}
.drn-hero .drn-hero-title .fusion-title-heading{font-size:30px!important;line-height:35px!important}
.drn-hero .drn-hero-title--xl .fusion-title-heading{font-size:60px!important;line-height:70px!important}
.drn-hero .drn-hero-sub .fusion-title-heading{font-size:25px!important;line-height:35px!important}
.drn-hero--home .drn-hero-home .fusion-column-wrapper{padding-left:30px}
.drn-hero--home .drn-hero-home__eyebrow{color:#c4668f;font-family:Roboto,Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:.12em;margin-bottom:14px;text-transform:uppercase}
.drn-hero--home .drn-hero-home__title .fusion-title-heading{font-size:46px!important;line-height:54px!important}
.drn-hero--home .drn-hero-home__lead{color:var(--awb-color7);font-size:19px;line-height:1.55;margin-bottom:30px;max-width:520px}
.drn-hero--home .drn-hero-home p{margin:0}
.drn-hero--home .drn-hero-home .fusion-column-wrapper{align-content:center;flex-direction:row!important;flex-wrap:wrap}
.drn-hero--home .drn-hero-home .fusion-column-wrapper>*{flex:0 0 100%}
.drn-hero--home .drn-hero-home .fusion-column-wrapper>.sm-text-align-center{flex:0 0 auto;margin:0 12px 12px 0}
body .drn-hero--home .drn-hero-home__btn{border-color:#d27fa4;min-height:48px}
body .drn-hero--home .drn-hero-home__btn--call{color:var(--awb-color7)}
body .drn-hero--home .drn-hero-home__btn--call .fusion-button-text{color:inherit}
body .drn-hero--home .drn-hero-home__btn--call:hover,body .drn-hero--home .drn-hero-home__btn--call:focus{color:#fff}
@media only screen and (max-width:1024px){
body .drn-hero .fusion-layout-column .fusion-column-wrapper{background:rgba(255,255,255,.82)!important;padding:15px 20px!important}
.drn-hero .drn-hero-title .fusion-title-heading{font-size:24px!important;line-height:28px!important}
.drn-hero .drn-hero-title--xl .fusion-title-heading{font-size:49px!important;line-height:56px!important}
.drn-hero .drn-hero-sub .fusion-title-heading{font-size:20px!important;line-height:28px!important}
.drn-hero--home .drn-hero-home .fusion-column-wrapper{padding:25px 30px!important}
.drn-hero--home .drn-hero-home__title .fusion-title-heading{font-size:34px!important;line-height:42px!important}
.drn-hero--home .drn-hero-home__lead{font-size:17px;margin-bottom:22px}
}
@media only screen and (max-width:640px){
.drn-hero .drn-hero-title .fusion-title-heading{font-size:18px!important;line-height:24px!important}
.drn-hero .drn-hero-title--xl .fusion-title-heading{font-size:37px!important;line-height:44px!important}
.drn-hero .drn-hero-sub .fusion-title-heading{font-size:15px!important;line-height:21px!important}
body .drn-hero--home{background-color:#f7f5f4!important;background-position:left top!important;background-size:auto 240px!important;min-height:0!important;padding-top:240px!important}
body .drn-hero--home .drn-hero-home .fusion-column-wrapper{background:transparent!important;padding:28px 4px 36px!important;text-align:center}
.drn-hero--home .drn-hero-home__eyebrow{font-size:13px;margin-bottom:10px}
.drn-hero--home .drn-hero-home__title .fusion-title-heading{font-size:28px!important;line-height:35px!important}
.drn-hero--home .drn-hero-home__lead{font-size:16px;margin:0 auto 22px}
.drn-hero--home .drn-hero-home .fusion-column-wrapper>.sm-text-align-center{flex:0 0 100%;margin:0 0 12px}
/* On phones the hero buttons hug their label instead of filling the column (owner: too much empty space left and
   right of «Κλείστε ραντεβού»), centred by the column's text-align; they still never exceed its width. */
.drn-hero--home .drn-hero-home__btn{display:inline-flex;justify-content:center;max-width:100%;padding-left:26px!important;padding-right:26px!important;width:auto}
.fluentform .ff-t-container{flex-direction:column;gap:0}
}
/*
 * Inline PDF viewer that replaced the Elfsight PDF Embed shortcodes in the
 * media/press portfolio items (class "drn-pdf"). iOS Safari can't scroll an
 * inline PDF, so the download link underneath is the fallback.
 */
.drn-pdf{margin:0 0 30px}
.drn-pdf__frame{border:1px solid var(--awb-color3);display:block;height:800px;width:100%}
.drn-pdf__link{margin:10px 0 0;text-align:right}
@media only screen and (max-width:640px){.drn-pdf__frame{height:480px}.drn-pdf__link{text-align:center}}
/*
 * ΘΕΡΑΠΕΙΕΣ mega menu (Avada Library element "Θεραπείες (mega menu)", built by
 * import/dev-header/build-megamenu.php): three equal columns plus a footer strip. The Signature
 * column has 40px of right padding so its cards keep clear of "Τι με απασχολεί"; scoped to
 * ".drn-mm" so no other fusion_builder_column on the site is affected.
 */
.drn-mm .fusion-builder-row>.fusion-layout-column:first-child{padding-right:40px}
.drn-mm__head{color:#d27fa4;font-size:11px;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}
.drn-mm__list{list-style:none;margin:0;padding:0}
.drn-mm__list li{font-size:13px;line-height:1.35;padding:4px 0}
.drn-mm__list a{color:#333c4e}
.drn-mm__list a:hover,.drn-mm__list a:focus{color:#d27fa4}
.drn-mm__more a{color:#d27fa4;font-weight:700}
.drn-card{align-items:center;background:#faf6f8;border:1px solid #efe3ea;color:#333c4e;display:flex;gap:12px;margin:0 0 10px;padding:10px}
.drn-card:hover,.drn-card:focus{border-color:#d27fa4}
.drn-card__img{flex:none;height:50px;object-fit:cover;width:64px}
.drn-card__text strong{display:block;font-size:13px}
.drn-card__text span{color:#7e8890;font-size:11.5px}
.drn-mm__foot{border-top:1px solid #eee;font-size:12.5px;margin:0;padding-top:10px}
.drn-mm__foot a{color:#333c4e}
.drn-mm__cta{float:right}
.drn-mm__cta a{color:#d27fa4;font-weight:700}
/*
 * The mega menu panel box (.awb-menu__mega-wrap) carries the white background, pink top border
 * and shadow and is the full viewport width, so nothing beside it shows through; ".drn-mm"
 * inside stays boxed at the site width. Avada centres the box on the viewport whenever its
 * rendered width is >= the window width (awb-mega-menu.js), which the 100vw width triggers, so
 * the element's default data-width="site_width" can stay.
 *
 * Vertical position: Avada's top:100% is relative to the trigger <li>, which is 32px tall and
 * vertically centred in the taller desktop row, so on its own the panel would open over the
 * logo. --drn-mega-gap is the distance from the <li>'s bottom edge to the row's bottom edge
 * (39px at every desktop width: the row height is set by the 148px logo), so the panel's top
 * edge meets the bottom of the header row.
 *
 * Hover bridge: Avada shows the panel only while its <li> or the panel itself is hovered, so
 * without help the pointer would lose the hover crossing that gap. While the <li> is hovered its
 * ::after fills exactly the gap vertically — from the <li>'s bottom edge down to the panel's top
 * edge — and horizontally one viewport width centred on the <li> (left:50%, margin-left:-50vw,
 * width:100vw), wide enough for any diagonal path towards the columns; because the <li> is not
 * centred on the page, a strip at one side of the viewport (the far right at ΘΕΡΑΠΕΙΕΣ) is not
 * covered, which no realistic path through a 39px gap reaches. This keeps the <li> hovered until
 * the pointer reaches the panel. It only exists during hover, so it
 * never blocks clicks elsewhere; keyboard users open the panel through Avada's own :focus-within
 * handling, which this does not touch. check-mega-hover.mjs checks both the geometry and the
 * pointer walk.
 */
.drn-hdr--desktop{--drn-mega-gap:39px}
.drn-hdr--desktop .awb-menu__mega-wrap{--awb-megamenu-width:100vw!important;--awb-megamenu-maxwidth:100vw!important;background:#fff!important;border-top:3px solid #d27fa4;box-shadow:0 12px 24px rgba(51,60,78,.15);top:calc(100% + var(--drn-mega-gap))!important}
.drn-hdr--desktop .awb-menu__main-li:has(> .awb-menu__mega-wrap):hover::after{content:"";height:var(--drn-mega-gap);left:50%;margin-left:-50vw;position:absolute;top:100%;width:100vw}
/*
 * Desktop dropdowns (ΔΡ. ΝΑΟΥΜ, BLOG & MEDIA) open left-aligned under their item and size to their
 * longest label. ΔΡ. ΝΑΟΥΜ sits left of the centred logo with only ~250px between the item's left
 * edge and the logo at 1151px, so the dropdown is capped at 240px and long labels wrap onto a
 * second line; it then never reaches the logo at any desktop width. check-mega-hover.mjs checks
 * the dropdown edges against the logo and the viewport at 1160–1920px.
 */
.drn-hdr--desktop .awb-menu__sub-ul{max-width:240px}
.drn-hdr--desktop .awb-menu__sub-ul a,.drn-hdr--desktop .awb-menu__sub-ul span{white-space:normal}
/*
 * Header layout section "Header – DrNaoum 2026" (import/dev-header/build-header.php): pink top
 * bar, desktop row above 1150px, mobile row at or below it (the same breakpoint as the legacy
 * header, Avada's side_header_break_point).
 *
 * Stacking: every Avada .fusion-builder-row is position:relative;z-index:10, including the page
 * content rows further down, so a later content row paints over anything inside an equally
 * ranked header row (the mega menu's and the mobile panel's own z-index values only count inside
 * their row). The desktop row is a sticky container and already gets Avada's
 * --awb-z-index:10010 from .fusion-sticky-container. The mobile row is raised to 20, and to
 * 100000 while its menu is open (html.drn-m-open, set by js/mobile-header.js) so the open panel
 * and the search bar sit above everything else on the page. Only z-index is set: containers are
 * already position:relative, and forcing position here would stop Avada's sticky script from
 * switching the desktop row to fixed.
 */
.drn-hdr--mobile{z-index:20!important}
html.drn-m-open .drn-hdr--mobile{z-index:100000!important}
.drn-topbar,.drn-topbar a{color:#fff;font-size:14px}
.drn-topbar p{margin:0}
/* Contact line: the full numbers and email, or on phones (≤640px, where the full line would wrap)
 * three short tap-to-call/email links with icons. The hidden variant is display:none, so screen
 * readers only get the visible one; the short links carry the full number as aria-label. */
.drn-topbar__short{display:none}
.drn-topbar__short a{align-items:center;display:inline-flex;font-weight:600;gap:6px;line-height:1.2;padding:4px 0}
.drn-topbar__short a+a{margin-left:18px}
.drn-topbar__short a::before{background:#fff;content:"";display:block;flex:none;height:13px;-webkit-mask:var(--drn-icon) center/contain no-repeat;mask:var(--drn-icon) center/contain no-repeat;width:13px}
.drn-tb-tel{--drn-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E")}
.drn-tb-mail{--drn-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E")}
@media only screen and (max-width:640px){
.drn-topbar__full{display:none}
.drn-topbar__short{display:inline}
}
/* Avada gives a flex ".fusion-row" a max-width over 100% and a matching negative margin, normally
 * offset by its columns' spacing. The top bar zeroes that column spacing to stay compact, so the
 * row's own offset is removed too; otherwise the contact text would start left of the bar's 30px
 * padding (and off-screen at wide viewports). check-topbar.mjs covers this. */
.drn-topbar .fusion-row{margin-left:0!important;margin-right:0!important;max-width:100%!important}
/* Right-hand column of the top bar: search field and social icons on one line, vertically
 * centred, 24px apart. The wrapper would otherwise wrap its children and Avada's column CSS
 * resets the gap, hence !important. The search element's height, icon padding and submit
 * button size all derive from --awb-input-height, shrunk here so the field fits the ~44px bar as
 * a small translucent field with a white icon. */
.drn-topbar__right .fusion-column-wrapper{align-items:center;flex-wrap:nowrap!important;gap:24px!important}
.drn-topbar__search{--awb-input-height:26px!important;--awb-text-color:#fff!important;flex:none}
.drn-topbar__search input{background:rgba(255,255,255,.18)!important;border:0!important;color:#fff!important}
.drn-topbar__search input.s{width:96px}
.drn-topbar__search input::placeholder{color:#fff;opacity:.85}
.drn-topbar__social{flex:none}
/* Fusion Builder columns carry a 10px top/bottom margin as an inline style; removing it keeps the
 * bar a single ~44px line. */
.drn-topbar .fusion-layout-column{margin-bottom:0!important;margin-top:0!important}
.drn-hdr--mobile{display:none!important}
.drn-menu .awb-menu__main-ul{flex-wrap:nowrap}
.drn-menu .button-small{padding:9px 16px}
/* Guard against the legacy Additional CSS of the old results pages (see the mobile rule below). */
.drn-menu .awb-menu__main-a_button .fusion-button.button-small{margin:0!important;min-height:0!important;padding:9px 16px!important;width:auto!important}
/* …and the site's pink, flat: Avada's global button gradient (#e890c2 → #d65aa0) is brighter than --primary_color
   #d27fa4, which every other button on the site uses (the mobile menu button below already sets it). */
.drn-menu .awb-menu__main-a_button .fusion-button.button-small{background:#d27fa4!important;border-color:#d27fa4!important;color:#fff!important}
.drn-menu .awb-menu__main-a_button:hover .fusion-button.button-small,.drn-menu .awb-menu__main-a_button:focus-visible .fusion-button.button-small{background:#c4668f!important;border-color:#c4668f!important}
/* Page scroll lock while the mobile menu is open: js/mobile-header.js stores the scroll position
 * in body's top offset and adds html.drn-m-open; pinning <body> leaves the document nothing to
 * scroll (wheel, touch and scrollBy alike, including iOS Safari, which ignores overflow:hidden on
 * the root). The class is removed, and the scroll position restored, on close or when the
 * mobile row is no longer displayed. */
html.drn-m-open{overscroll-behavior:none}
html.drn-m-open body{left:0;overflow:hidden!important;position:fixed!important;right:0;width:100%}
@media only screen and (max-width:1150px){
.drn-hdr--desktop{display:none!important}
.drn-hdr--mobile{display:flex!important}
/* Avada's 3-class ".fusion-flex-container .fusion-row .fusion-flex-column{display:flex}" would
 * keep the top bar's search/social column visible; on mobile the top bar is the contact line
 * only. */
.drn-topbar__right{display:none!important}
.drn-topbar__contact{text-align:center}
/* Mobile row: logo left; search toggle and hamburger right, on one line. The row and the
 * right-hand column are position:static so the open search bar (position:absolute) spans the
 * whole mobile container rather than just the column. The row's negative side margins (Avada
 * column spacing) are offset on the right by the row-layout column's own 3.84% wrapper margin;
 * the logo column gets the same margin on its left, so logo and hamburger both sit on the row's
 * 16px padding instead of the logo touching the screen edge. */
.drn-hdr--mobile .fusion-row,.drn-hdr__m-actions{position:static!important}
.drn-hdr--mobile .fusion-layout-column:first-child>.fusion-column-wrapper{margin-left:3.84%!important}
.drn-hdr__m-actions .fusion-column-wrapper{align-items:center;flex-wrap:nowrap!important;justify-content:flex-end}
.drn-hdr__m-actions .drn-menu-mobile{flex:none}
/* Hamburger / ✕ (owner: easier to press): Avada's toggle is 55×39 with a 15px glyph — a 52×52 target with a 22px
   glyph instead, centred, so both the open and the close state are comfortable on a phone. */
.drn-hdr--mobile .awb-menu__m-toggle{align-items:center;display:flex!important;height:52px!important;justify-content:center;padding:0!important;width:52px!important}
.drn-hdr--mobile .awb-menu__m-toggle .awb-menu__m-toggle-inner{font-size:22px!important;height:22px!important;line-height:22px!important;width:22px!important}
/* Mobile search (.drn-m-search, the row's fusion_search element). js/mobile-header.js adds the
 * 44px toggle button; the wrapper reserves that space up front so nothing moves when it appears.
 * The form is hidden until the toggle opens it as a white bar under the row. */
.drn-m-search{flex:none;height:44px;margin:0!important;position:static!important;width:44px}
.drn-m-search__toggle{align-items:center;background:transparent;border:0;color:#333c4e;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;width:44px}
.drn-m-search__toggle:hover,.drn-m-search__toggle:focus-visible,.drn-m-search.is-open .drn-m-search__toggle{color:#d27fa4}
.drn-m-search .searchform{display:none}
.drn-m-search.is-open .searchform{background:#fff;border-top:1px solid #f1eef0;box-shadow:0 12px 24px rgba(51,60,78,.15);display:block;left:0;padding:10px 16px 12px;position:absolute;right:0;top:100%}
/* Light field under the white header (the site-wide form colours are dark): white, thin border,
 * dark text, pink border and halo while focused. 16px text stops iOS zooming on focus. */
.drn-m-search input.s{background:#fff!important;border:1px solid #e3dde0!important;color:#333c4e!important;font-size:16px!important}
.drn-m-search input.s::placeholder{color:#7e8890!important;opacity:1}
.drn-m-search input.s:focus{border-color:#d27fa4!important;box-shadow:0 0 0 3px rgba(210,127,164,.18);outline:0}
.drn-m-search .searchform .fusion-search-submit{color:#7e8890!important}
/* Full-screen menu panel (spec §3 mobile option A). The panel is the mobile menu's own <ul>,
 * fixed from the mobile row's bottom edge (--drn-mobile-header-bottom, measured by
 * js/mobile-header.js) to the bottom of the viewport. Avada's 4-class
 * ".awb-menu.collapse-enabled.mobile-size-full-absolute .awb-menu__main-ul" rule sets its own
 * position/top/max-height/display, hence !important. It scrolls on its own
 * (overscroll-behavior:contain keeps the scroll from chaining to the page) and is a flex column
 * so the ΡΑΝΤΕΒΟΥ button and the phones can be pinned at its bottom (below). */
.drn-menu-mobile .awb-menu__main-ul{align-items:stretch!important;background:#fff;bottom:0!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;justify-content:flex-start!important;left:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;position:fixed!important;right:0!important;top:var(--drn-mobile-header-bottom,0px)!important;z-index:100000!important}
.drn-menu-mobile .awb-menu__main-li{border-bottom:1px solid #f1eef0;flex:none}
/* Closed panel: Avada only fades it out (opacity 0, pointer-events none), which leaves its links
 * reachable by Tab and exposed to screen readers. visibility:hidden takes them out; on close the
 * visibility change waits for the 300ms fade (Avada's data-transition-time), on open it is
 * immediate. */
.drn-menu-mobile .awb-menu__main-ul{transition:opacity .3s cubic-bezier(.42,.01,.58,1),visibility 0s linear 0s!important}
.drn-menu-mobile:not(.expanded) .awb-menu__main-ul{transition:opacity .3s cubic-bezier(.42,.01,.58,1),visibility 0s linear .3s!important;visibility:hidden!important}
/* Footer (spec §3: ΡΑΝΤΕΒΟΥ button and both phone numbers pinned at the bottom). They stay
 * ordinary menu items (menu-spec.php); js/mobile-header.js marks the button item and the
 * .drn-m-tel items as .drn-m-foot (first one .drn-m-foot--first) and sets each one's sticky
 * bottom offset from the measured heights of the footer items after it, so no offsets or item
 * positions are hard-coded here (the phone rows only get a 40px minimum touch height). margin-top:auto (!important: Avada's collapsed menu sets
 * margin:0!important on every item) pushes the footer to the bottom of the panel when the list
 * is short. position:sticky applies only with .drn-m-pinned, which the script sets when at
 * least three top-level rows still fit above the footer; on short viewports (phones in
 * landscape) the footer scrolls with the list and sits at its end. Avada gives every sub-menu
 * z-index:999999998 for desktop dropdowns; inside the accordion panel that would paint an
 * expanded ΘΕΡΑΠΕΙΕΣ list over the pinned items, so sub-menus there stay in normal order; the
 * pinned items are z-index:20, above the z-index:10 Avada puts on each item's link and submenu
 * button (flex items, so that z-index applies to them). */
.drn-menu-mobile .awb-menu__main-ul .awb-menu__sub-ul{z-index:auto!important}
.drn-menu-mobile .awb-menu__main-ul>.drn-m-foot{background:#fff;border-bottom:0;box-sizing:border-box;flex:none}
.drn-menu-mobile .awb-menu__main-ul>.drn-m-foot--first{border-top:1px solid #eadde4;margin-top:auto!important}
.drn-menu-mobile .awb-menu__main-ul.drn-m-pinned>.drn-m-foot{position:sticky!important;z-index:20}
.drn-menu-mobile .awb-menu__main-ul:not(.drn-m-pinned)>.drn-m-foot{bottom:auto!important}
.drn-menu-mobile .awb-menu__main-ul>.awb-menu__li_button{padding:12px 16px 4px}
.drn-menu-mobile .menu-item.drn-m-tel a{color:#7e8890;font-size:13px;font-weight:400;min-height:40px!important}
.drn-menu-mobile .awb-menu__li_button>a{display:block;min-height:0!important;padding:0!important}
/* Avada's collapsed-menu CSS strips button styling from every item with !important
 * (".awb-menu__li_button{background:var(--awb-mobile-bg)!important}",
 * ".fusion-button{background:transparent!important;padding:0!important;border:none!important}"),
 * so the pink ΡΑΝΤΕΒΟΥ button is re-applied on its inner .fusion-button span with matching
 * specificity and !important. */
.drn-menu-mobile .button-small{display:block;margin:0;text-align:center}
.drn-menu-mobile .awb-menu__li_button .fusion-button.button-small{background:#d27fa4!important;border-radius:2px;color:#fff!important;font-weight:700;line-height:24px;padding:12px 16px!important}
/* The header «ΡΑΝΤΕΒΟΥ» button keeps its size everywhere: legacy Additional CSS for the old results pages
   (.page-id-12862 / 12948 / 12960 / 12965 / 12987 … .button-default { min-height:71–75px; padding:19px; width:90%!important;
   margin… }) also matched the menu button, whose Avada markup has .button-default. */
.drn-menu-mobile .awb-menu__li_button .fusion-button.button-small{margin:0!important;min-height:0!important;padding:12px 16px!important;width:auto!important}

/* Premium pass on the panel (owner feedback «Final Design UX» §9): bigger type, more air and a clear hierarchy —
 * top-level rows are 64px tall with no hairlines between them (spacing separates them instead), an open section's
 * items sit in a soft rounded block indented from the edge, and the footer is one light block carrying the booking
 * button as a full-width pill and each practice's phone as an outlined pill with a handset icon. Every target is at
 * least 48px; the booking button is 58px. Only the look changes — the panel, its footer and the script that pins it
 * are the same. */
.drn-menu-mobile .awb-menu__main-ul{padding:10px 0 0!important}
.drn-menu-mobile .awb-menu__main-li{border-bottom:0!important}
.drn-menu-mobile .awb-menu__main-li>.awb-menu__main-a{align-items:center!important;color:#333c4e!important;display:flex!important;font-size:19px!important;font-weight:600!important;letter-spacing:.06em!important;line-height:1.25!important;min-height:64px!important;padding:14px 24px!important}
.drn-menu-mobile .awb-menu__main-li.current-menu-item>.awb-menu__main-a,.drn-menu-mobile .awb-menu__main-li.current-menu-ancestor>.awb-menu__main-a{color:#d27fa4!important}
.drn-menu-mobile .awb-menu__main-li>.awb-menu__main-a:active{background:#fbf7f9!important}
/* The chevron: Avada's own button, widened to a 64px target and tinted pink. */
.drn-menu-mobile .awb-menu__open-nav-submenu_main{color:#d27fa4!important;font-size:18px!important;height:64px!important;width:64px!important}
.drn-menu-mobile .awb-menu__main-ul .awb-menu__main-li>.awb-menu__sub-ul{background:#f8f0f4!important;border-radius:var(--drn-radius-card)!important;box-sizing:border-box!important;margin:0 16px 12px!important;padding:6px 0!important;width:auto!important}
.drn-menu-mobile .awb-menu__main-ul .awb-menu__sub-li{border:0!important}
.drn-menu-mobile .awb-menu__main-ul .awb-menu__sub-li>.awb-menu__sub-a{color:#5c6573!important;font-size:16px!important;line-height:1.35!important;min-height:48px!important;padding:11px 22px!important}
.drn-menu-mobile .awb-menu__main-ul .awb-menu__sub-li>.awb-menu__sub-a:active{color:#d27fa4!important}
/* Footer block. .drn-m-foot / --first are set by js/mobile-header.js on the ΡΑΝΤΕΒΟΥ item and the two phone items. */
.drn-menu-mobile .awb-menu__main-ul>.drn-m-foot{background:#fbf7f9}
.drn-menu-mobile .awb-menu__main-ul>.drn-m-foot--first{border-radius:20px 20px 0 0;border-top:0;box-shadow:0 -12px 28px rgba(51,60,78,.07)}
.drn-menu-mobile .awb-menu__main-ul>.drn-m-foot:last-child{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
.drn-menu-mobile .awb-menu__main-ul>.awb-menu__li_button{padding:18px 20px 10px!important}
.drn-menu-mobile .awb-menu__main-ul>.awb-menu__li_button>.awb-menu__main-a{display:flex!important;padding:0!important}
.drn-menu-mobile .awb-menu__li_button .fusion-button.button-small{box-shadow:0 8px 20px rgba(210,127,164,.32);flex:1 1 auto!important;font-size:17px!important;justify-content:center;width:100%!important;letter-spacing:.06em;line-height:24px;min-height:58px!important;padding:17px 20px!important}
.drn-menu-mobile .menu-item.drn-m-tel{padding:0 20px 10px!important}
.drn-menu-mobile .menu-item.drn-m-tel a{align-items:center;background:#fff;border:1px solid #efdde6;border-radius:var(--drn-radius-pill)!important;color:#333c4e!important;display:flex!important;font-size:15px!important;font-weight:600!important;gap:10px;justify-content:center;min-height:50px!important;padding:10px 16px!important}
.drn-menu-mobile .menu-item.drn-m-tel a::before{background:#d27fa4;content:"";flex:none;height:18px;-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.4 0 .8-.2 1l-2.3 2.2z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.4 0 .8-.2 1l-2.3 2.2z'/></svg>") center/contain no-repeat;width:18px}
}

/* ==========================================================================
 * Before & after cases ([drn_results], inc/results.php, js/results.js)
 * Light card grid, capped at 1040px and centred with its filter rows: 2 columns from 768px, 1 below. Filter and
 * load-more buttons are outlined pink; the active filter is filled. Slider overrides are scoped to .drn-results so
 * other Avada before/after elements keep their own look: white handle, always-visible white label chips with dark
 * text (Avada shows them on hover only), no dark overlay, and a 4:5 frame showing the whole photo (object-fit:
 * contain, centred, light #f7f5f4 bars). Avada's fusionImageCompare reads the before image's box for the container
 * height and clip, so both images get the same 4:5 box.
 * ========================================================================== */
.drn-results{--drn-pink:#d27fa4;--drn-ink:#333c4e;--drn-muted:#5c6573;--drn-line:#f1eef0;margin:0 0 40px}
.drn-results [hidden]{display:none!important}
.drn-results__filters,.drn-results__subfilters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 14px}
.drn-results__subfilters{margin-bottom:24px}
.drn-results__filters,.drn-results__subfilters,.drn-results__grid{margin-left:auto;margin-right:auto;max-width:1040px}
.drn-results__filter,.drn-results__subfilter{background:#fff;border:1px solid #e6e1e4;border-radius:0;color:var(--drn-ink);cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.6px;line-height:1.2;min-height:44px;padding:10px 16px;text-transform:uppercase}
.drn-results__subfilter{font-size:11.5px;min-height:40px;padding:8px 12px;text-transform:none}
.drn-results__filter:hover,.drn-results__subfilter:hover,.drn-results__filter:focus-visible,.drn-results__subfilter:focus-visible{border-color:var(--drn-pink);color:var(--drn-pink)}
.drn-results__filter[aria-pressed="true"],.drn-results__subfilter[aria-pressed="true"]{background:var(--drn-pink);border-color:var(--drn-pink);color:#fff}
.drn-results__grid{display:grid;gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}
.drn-results[aria-busy="true"] .drn-results__grid{opacity:.5;transition:opacity .2s}
.drn-results__empty{color:var(--drn-muted);text-align:center}
.drn-results__error{color:var(--drn-ink);font-weight:700;margin:16px 0 0;text-align:center}
.drn-results__more,.drn-results__all{background:#fff;border:1px solid var(--drn-pink);color:var(--drn-pink);cursor:pointer;display:block;font-size:12px;font-weight:700;letter-spacing:.6px;margin:32px auto 0;min-height:44px;padding:12px 24px;text-align:center;text-transform:uppercase;width:max-content}
.drn-results__more:hover,.drn-results__all:hover,.drn-results__more:focus-visible,.drn-results__all:focus-visible{background:var(--drn-pink);color:#fff}
.drn-case{background:#fff;border:1px solid var(--drn-line);display:flex;flex-direction:column;min-width:0}
.drn-case__slider .fusion-image-before-after-wrapper{margin:0!important;max-width:100%!important}
.drn-results .fusion-image-before-after-container{aspect-ratio:4/5;background:#f7f5f4;height:auto!important}
.drn-results .fusion-image-before-after-container img{aspect-ratio:4/5;background:#f7f5f4;height:auto!important;object-fit:contain;object-position:50% 50%}
.drn-case__pairs{display:flex;gap:6px;justify-content:center;padding:10px 12px 0}
.drn-case__pair-btn{background:#fff;border:1px solid #e6e1e4;color:var(--drn-ink);cursor:pointer;font-size:12px;font-weight:700;height:32px;min-width:32px;padding:0 8px}
.drn-case__pair-btn[aria-pressed="true"]{border-color:var(--drn-pink);color:var(--drn-pink)}
.drn-case__body{padding:14px 16px 18px}
.drn-case__tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.drn-case__tag{border:1px solid #f0d6e3;color:var(--drn-pink);font-size:10.5px;font-weight:700;letter-spacing:.6px;padding:3px 8px;text-transform:uppercase}
.drn-case__title{color:var(--drn-ink);font-size:17px!important;line-height:1.35!important;margin:0 0 8px!important}
.drn-case__text{color:var(--drn-muted);display:-webkit-box;font-size:14px;line-height:1.65;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.drn-case__text.is-open{display:block;overflow:visible}
.drn-case__text p{margin:0 0 10px}
.drn-case__toggle{background:none;border:0;color:var(--drn-pink);cursor:pointer;font-size:13px;font-weight:700;margin-top:6px;min-height:44px;padding:0}
.drn-results .fusion-image-before-after-wrapper{--awb-handle-color:#fff;--awb-handle-bg:#fff;--awb-accent-color-bg:rgba(255,255,255,0)}
.drn-results .fusion-image-before-after-overlay{background:none!important}
.drn-results .fusion-image-before-after-before-label,.drn-results .fusion-image-before-after-after-label{opacity:1!important}
.drn-results .fusion-image-before-after-before-label:before,.drn-results .fusion-image-before-after-after-label:before{background:#fff!important;border-radius:0;color:var(--drn-ink)!important;font-size:11px;font-weight:700;letter-spacing:1px;opacity:1!important;padding:4px 8px}
.drn-results .fusion-image-before-after-handle{background:#fff!important;border-color:#fff!important;box-shadow:0 1px 6px rgba(51,60,78,.25)!important}
/* 18+ gate (gated cards, see inc/results.php and js/results.js): until confirmation the 4:5 slider box shows only the
 * 150px thumbnail of the first before image, stretched, blurred (24px, scaled so the blur fills the edges) and under a
 * light overlay with the notice and «Είμαι άνω των 18 — Προβολή»; the box has the slider's size, so nothing moves when
 * the slider replaces it. .is-loading on the card, or .drn-age-ok on <html> for a stored confirmation while the page
 * loads, swaps the notice for a spinner (the head script drops .drn-age-ok after 8 s if js/results.js never starts); a
 * failed request adds .drn-case__gate-error above the button. Pair buttons stay disabled until the sliders arrive. */
.drn-case__media{overflow:hidden;position:relative}
.drn-case--gated .drn-case__slider{aspect-ratio:4/5;background:#ece6e9;overflow:hidden;position:relative}
.drn-case__slider:focus:not(:focus-visible){outline:0}
.drn-case__preview{filter:blur(24px) saturate(.7);height:100%!important;left:0;max-width:none!important;object-fit:cover;position:absolute;top:0;transform:scale(1.25);width:100%!important}
.drn-case__gate{align-items:center;background:rgba(247,245,244,.45);display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;padding:16px;position:absolute;text-align:center;z-index:2}
.drn-case__gate-note,.drn-case__gate-noscript{background:rgba(255,255,255,.92);color:var(--drn-ink);font-size:13px;font-weight:600;line-height:1.4;margin:0!important;padding:5px 12px}
.drn-case__gate-noscript{font-weight:400}
.drn-case__gate-error{background:#fff;color:#8c2350;font-size:13px;font-weight:600;line-height:1.4;margin:0!important;max-width:100%;padding:5px 12px}
.drn-case.is-loading .drn-case__gate-error{display:none}
.drn-case__gate-btn{background:#fff;border:1px solid var(--drn-pink);color:var(--drn-pink);cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.6px;line-height:1.3;min-height:44px;padding:12px 20px;text-transform:uppercase}
.drn-case__gate-btn:hover,.drn-case__gate-btn:focus-visible{background:var(--drn-pink);color:#fff}
.drn-case__gate-btn:focus-visible{outline:3px solid var(--drn-ink);outline-offset:2px}
.drn-case.is-loading .drn-case__gate-note,.drn-age-ok .drn-case--gated .drn-case__gate-note{display:none}
.drn-case.is-loading .drn-case__gate:after,.drn-age-ok .drn-case--gated .drn-case__gate:after{animation:drn-gate-spin .9s linear infinite;border:3px solid rgba(210,127,164,.25);border-radius:50%;border-top-color:#d27fa4;content:"";height:32px;width:32px}
@keyframes drn-gate-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.drn-case.is-loading .drn-case__gate:after,.drn-age-ok .drn-case--gated .drn-case__gate:after{animation:none}}
.drn-case__pair-btn:disabled{cursor:default;opacity:.45}
@media only screen and (max-width:1149px){.drn-results__grid{gap:22px}}
@media only screen and (max-width:767px){.drn-results__grid{grid-template-columns:minmax(0,1fr)}.drn-results__filters,.drn-results__subfilters{justify-content:flex-start}}

/* ==========================================================================
 * Service landing pages (inc/landing.php, js/landing.js; demo page built by import/landing/build-demo.php)
 * Light sections in the site palette (pink #d27fa4, ink #333c4e, warm grey #f7f5f4), short texts, touch targets of at
 * least 44px. Containers of the demo carry "drn-lp" classes; the shortcodes' own blocks work in any container.
 * ========================================================================== */
.drn-lp{--drn-pink:#d27fa4;--drn-pink-dark:#c4668f;--drn-ink:#333c4e;--drn-muted:#5c6573;--drn-line:#f1eef0}
.drn-lp .drn-lp-tag{color:#d27fa4;font-size:12px;font-weight:700;letter-spacing:1.2px;margin:0 0 8px;text-transform:uppercase}
.drn-lp h1,.drn-lp h2{color:#333c4e;margin:0 0 14px}
.drn-lp h1{font-size:38px;line-height:1.2}
.drn-lp h2{font-size:28px;line-height:1.25}
.drn-lp .drn-lp-lead{color:#5c6573;font-size:17px;line-height:1.6;margin:0 0 22px}
.drn-lp .drn-lp-center{text-align:center}
.drn-lp-hero{background:linear-gradient(90deg,#fbf6f9,#f4e6ee)!important}
.drn-lp-hero .fusion-imageframe img{box-shadow:0 18px 40px rgba(51,60,78,.18)}
/* Hero text column: Avada stacks every element (flex column); the two buttons share a row instead. */
.drn-lp-hero__text>.fusion-column-wrapper{align-content:center;flex-flow:row wrap!important}
.drn-lp-hero__text>.fusion-column-wrapper>*{flex:0 0 100%;max-width:100%}
.drn-lp-hero__text>.fusion-column-wrapper>div:has(>.fusion-button){flex:0 0 auto}
/* Phones: both buttons full width, stacked; a gap between the stats and the portrait below them. */
@media only screen and (max-width:640px){
.drn-lp-hero__text>.fusion-column-wrapper>div:has(>.fusion-button){flex:0 0 100%}
.drn-lp-hero__text .fusion-button{margin-right:0!important;width:100%}
.drn-lp-hero__media{margin-top:28px!important}
}
.drn-lp-hero .fusion-button{align-items:center;display:inline-flex;justify-content:center;min-height:48px}
.drn-lp-hero .drn-stats{margin-top:16px}
.drn-lp-btn-outline.fusion-button{background:#fff!important;border:1px solid #d27fa4!important;color:#d27fa4!important}
.drn-lp-btn-outline.fusion-button .fusion-button-text,.drn-lp-btn-outline.fusion-button i{color:#d27fa4!important}
.drn-lp-btn-outline.fusion-button:hover{background:#d27fa4!important}
.drn-lp-btn-outline.fusion-button:hover .fusion-button-text,.drn-lp-btn-outline.fusion-button:hover i{color:#fff!important}
@media only screen and (max-width:800px){.drn-lp h1{font-size:28px}.drn-lp h2{font-size:23px}.drn-lp .drn-lp-lead{font-size:16px}}

/* [drn_stats] */
.drn-stats{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:26px 0 0;padding:0}
.drn-stats__item{background:#fff;color:#5c6573;font-size:12.5px;line-height:1.35;padding:12px 10px;text-align:center}
.drn-stats__num{color:#d27fa4;display:block;font-size:24px;line-height:1.2;margin-bottom:2px}
@media only screen and (max-width:640px){.drn-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* [drn_benefits] */
.drn-benefits{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:10px 0 0;padding:0}
.drn-benefits__item{align-items:center;background:#fff;border:1px solid #f1eef0;color:#333c4e;display:flex;font-size:15px;font-weight:600;gap:14px;line-height:1.4;padding:18px}
.drn-benefits__icon{align-items:center;background:#fbf0f5;border-radius:50%;color:#d27fa4;display:flex;flex:none;height:52px;justify-content:center;width:52px}
@media only screen and (max-width:1024px){.drn-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media only screen and (max-width:640px){.drn-benefits{grid-template-columns:minmax(0,1fr)}}

/* [drn_video_grid]: 16:9 facades (the 4:3 thumbnail is cropped to hide its black bars) */
/* Flex rows of equal-width cards, the last row centred (5 videos = 3 + 2 without an empty cell). */
.drn-videos{--drn-video-gap:22px;display:flex;flex-wrap:wrap;gap:26px var(--drn-video-gap);justify-content:center;list-style:none;margin:10px 0 0;padding:0}
.drn-videos__item{flex:0 0 calc((100% - 2 * var(--drn-video-gap)) / 3);margin:0;min-width:0}
.drn-video{aspect-ratio:16/9;background:#1d2230;overflow:hidden;position:relative}
.drn-video__play{background:none;border:0;cursor:pointer;display:block;height:100%;padding:0;position:relative;width:100%}
.drn-video__thumb{display:block;height:100%!important;object-fit:cover;transition:transform .3s;width:100%}
.drn-video__icon{left:50%;line-height:0;opacity:.92;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s}
.drn-video__play:hover .drn-video__icon,.drn-video__play:focus-visible .drn-video__icon{opacity:1}
.drn-video__play:hover .drn-video__thumb{transform:scale(1.03)}
.drn-video__play:focus-visible{outline:3px solid #d27fa4;outline-offset:2px}
.drn-video__frame{border:0;display:block;height:100%;width:100%}
.drn-videos__title{color:#333c4e;font-size:14.5px;font-weight:600;line-height:1.4;margin:10px 0 0}
@media only screen and (max-width:1024px){.drn-videos__item{flex-basis:calc((100% - var(--drn-video-gap)) / 2)}}
@media only screen and (max-width:640px){.drn-videos__item{flex-basis:100%}}

/* [drn_anchor_nav]: the Avada container holding the menu is sticky — directly under the sticky desktop header
 * (--drn-anchor-top, measured by js/landing.js; 110px until then) and at the top on phones, where the header scrolls
 * away. It must be the only element of its container. z-index 50 keeps it above later content rows (z-index 10) and
 * below the header (10010). On narrow screens the list scrolls horizontally inside itself. */
:root{--drn-anchor-top:0px}
@media only screen and (min-width:1151px){:root{--drn-anchor-top:110px}}
.fusion-fullwidth:has(.drn-anchor){position:sticky!important;top:var(--drn-anchor-top);z-index:50}
.drn-anchor{background:#fff;border-bottom:2px solid #f0d6e3;box-shadow:0 6px 14px rgba(51,60,78,.06)}
.drn-anchor__list{align-items:center;display:flex;gap:6px;justify-content:center;list-style:none;margin:0 auto;max-width:1200px;overflow-x:auto;padding:6px 16px;scrollbar-width:none}
.drn-anchor__list::-webkit-scrollbar{display:none}
.drn-anchor__item{flex:none;margin:0;padding:0}
.drn-anchor__link{align-items:center;border-bottom:2px solid transparent;color:#333c4e;display:flex;font-size:13px;font-weight:700;letter-spacing:.4px;min-height:44px;padding:0 14px;text-transform:uppercase;white-space:nowrap}
.drn-anchor__link:hover,.drn-anchor__link:focus-visible,.drn-anchor__link.is-active{border-bottom-color:#d27fa4;color:#d27fa4}
.drn-anchor__link--cta,.drn-anchor__link--cta.is-active{background:#d27fa4;border-bottom-color:transparent;color:#fff;margin-left:8px}
.drn-anchor__link--cta:hover,.drn-anchor__link--cta:focus-visible{background:#c4668f;border-bottom-color:transparent;color:#fff}
@media only screen and (max-width:1024px){.drn-anchor__list{justify-content:flex-start;padding:6px 12px}.drn-anchor__link{font-size:12px;padding:0 10px}}
/* When the list overflows (js/landing.js adds .is-overflowing) the pink CTA stays pinned at the right edge, with a fade
 * over the items scrolling underneath it, so the menu visibly scrolls and «Ραντεβού» is always reachable. */
.drn-anchor.is-overflowing .drn-anchor__list{padding-right:0}
.drn-anchor.is-overflowing .drn-anchor__item--cta{background:#fff;padding:0 12px 0 4px;position:sticky;right:0;z-index:1}
.drn-anchor.is-overflowing .drn-anchor__item--cta::before{background:linear-gradient(90deg,rgba(255,255,255,0),#fff);bottom:0;content:"";pointer-events:none;position:absolute;right:100%;top:0;width:40px}
/* Pages with the menu: elements focused with Tab, and sections focused after a menu click, clear header + menu. */
html:has(.drn-anchor){scroll-padding-top:calc(var(--drn-anchor-top) + var(--drn-anchor-h,58px) + 8px)}
.drn-lp[tabindex="-1"]:focus{outline:0}

/* [drn_faq] */
.drn-faq{border-top:1px solid #eadde4;margin:10px auto 0;max-width:860px}
.drn-faq__item{border-bottom:1px solid #eadde4}
.drn-faq__q{font-size:inherit!important;line-height:inherit!important;margin:0!important;padding:0!important}
.drn-faq__btn{align-items:center;background:none;border:0;color:#333c4e;cursor:pointer;display:flex;font-size:17px;font-weight:700;gap:16px;justify-content:space-between;line-height:1.4;min-height:60px;padding:14px 4px;text-align:left;width:100%}
.drn-faq__btn:hover,.drn-faq__btn:focus-visible{color:#d27fa4}
.drn-faq__icon{flex:none;height:14px;position:relative;width:14px}
.drn-faq__icon::before,.drn-faq__icon::after{background:#d27fa4;content:"";left:0;position:absolute;top:6px;transition:transform .2s;height:2px;width:14px}
.drn-faq__icon::after{transform:rotate(90deg)}
.drn-faq__btn[aria-expanded="true"] .drn-faq__icon::after{transform:rotate(0)}
.drn-faq__a[hidden]{display:none}
.drn-faq__inner{color:#5c6573;font-size:15.5px;line-height:1.7;padding:0 4px 18px}
.drn-faq__inner p{margin:0 0 10px}

/* Testimonials (placeholders on the demo) */
.drn-quotes{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin:10px auto 0;max-width:980px}
.drn-quote{background:#fbf6f9;margin:0;padding:24px 26px;position:relative}
.drn-quote blockquote{border:0;color:#333c4e;font-size:16px;font-style:italic;line-height:1.6;margin:0 0 12px;padding:0}
.drn-quote figcaption{color:#d27fa4;font-size:14px;font-weight:700}
.drn-quote__example{background:#fff;border:1px dashed #b9a9b1;color:#7e6f77;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:12px;padding:3px 8px;text-transform:uppercase}
@media only screen and (max-width:640px){.drn-quotes{grid-template-columns:minmax(0,1fr)}}

/* Team on the demo (.drn-team): the principal card wider, three placeholder cards until the team photoshoot; every
 * photo box has the same height (the portrait cropped with object-fit), so the names line up. Phones: the principal
 * card on its own row, the placeholders as a compact row of three. */
.drn-team{align-items:start;display:grid;gap:22px;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));margin:10px 0 0}
.drn-team__card{margin:0;min-width:0;text-align:center}
.drn-team__photo{background:#f7f5f4;height:360px;overflow:hidden}
.drn-team__photo img{display:block;height:100%!important;object-fit:cover;object-position:50% 30%;width:100%}
.drn-team__card--placeholder .drn-team__photo{background:#f7f5f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d9ced3'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0z'/%3E%3C/svg%3E") center/64px no-repeat;border:1px dashed #d9ced3}
.drn-team__card figcaption{padding:14px 6px 0}
.drn-team__name{color:#333c4e;display:block;font-size:16px;line-height:1.35}
.drn-team__role{color:#5c6573;display:block;font-size:13.5px;line-height:1.4;margin-top:4px}
.drn-team__card--placeholder .drn-team__name,.drn-team__card--placeholder .drn-team__role{color:#9a8f95}
@media only screen and (max-width:1024px){.drn-team{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.drn-team__card--lead{grid-column:1/-1}.drn-team__card--lead .drn-team__photo{height:320px;margin:0 auto;max-width:420px}.drn-team__card--placeholder .drn-team__photo{height:180px}}
@media only screen and (max-width:640px){.drn-team__card--lead .drn-team__photo{height:280px}.drn-team__card--placeholder .drn-team__photo{background-size:36px;height:110px}.drn-team__card--placeholder figcaption{padding-top:8px}.drn-team__card--placeholder .drn-team__name{font-size:13px}.drn-team__card--placeholder .drn-team__role{font-size:12px}}
/* Sticky menu container: no column spacing (flex_column_spacing="0px" on the container, which Avada otherwise writes as
 * an inline 104% row width), so the white bar spans exactly the viewport */
.drn-lp-anchors .fusion-builder-row{margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}
.drn-lp-anchors .fusion-layout-column{margin:0!important;padding:0!important;width:100%!important}
.drn-lp-anchors .fusion-column-wrapper{margin:0!important;padding:0!important}
.drn-lp-anchors .fusion-text{margin:0!important}

/* [drn_next_slot] */
.drn-next-slot{align-items:center;background:#fff;color:#333c4e;display:inline-flex;font-size:14px;gap:10px;margin:0 0 14px;padding:8px 14px}
.drn-next-slot b{color:#d27fa4}
.drn-next-slot__dot{background:#d27fa4;border-radius:50%;box-shadow:0 0 0 4px rgba(210,127,164,.25);flex:none;height:8px;width:8px}

/* [drn_lead_form]: Fluent multi-step form on the dark booking section. Button-style choices (Fluent's
 * ff_list_buttons), white fields, pink progress bar, 44px+ touch targets. Fluent prints its stylesheets in the footer,
 * after this file, so every rule here starts with "body .drn-lead-form .fluentform" to outrank Fluent's own selectors
 * (and uses !important where Fluent does). */
.drn-lp-booking{color:#fff}
.drn-lp-booking h2{color:#fff}
.drn-lp-booking .drn-lp-lead{color:#c9ced8}
.drn-lp-booking .drn-lp-phones{color:#c9ced8;font-size:14px;margin:18px 0 0}
.drn-lp-booking .drn-lp-phones a{color:#fff;font-weight:700;white-space:nowrap}
.drn-lead-form{margin:0 auto;max-width:720px;text-align:left}
body .drn-lead-form .fluentform{--fluentform-primary:#d27fa4;--form_bg_color:#fff;--form_border_color:#fff;--form_focus_border_color:#d27fa4;--form_text_color:#333c4e;--form_input_height:48px}
body .drn-lead-form .fluentform .ff-el-input--label label{color:#fff;font-size:16px;font-weight:700}
body .drn-lead-form .fluentform .ff-el-is-required.asterisk-right label::after{color:#f0b3cf}
body .drn-lead-form .fluentform .ff-el-input--content .ff-el-form-control{font-size:16px}
body .drn-lead-form .fluentform .ff-el-progress-status{color:#c9ced8;font-size:13px;margin-bottom:8px}
body .drn-lead-form .fluentform .ff-el-progress{background:#5a6275;border-radius:0;height:6px;margin-bottom:22px}
body .drn-lead-form .fluentform .ff-el-progress-bar{background:#d27fa4;height:6px}
body .drn-lead-form .fluentform .ff-el-progress-bar span{display:none}
body .drn-lead-form .fluentform .ff-el-group.ff_list_buttons .ff-el-input--content{display:flex;flex-wrap:wrap;gap:10px}
body .drn-lead-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check{display:block;margin:0!important;max-width:100%;width:auto!important}
body .drn-lead-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span{align-items:center;background:transparent;border:1px solid #8a92a3!important;border-radius:0!important;box-shadow:none!important;color:#fff;display:flex;font-size:15px;line-height:1.3;min-height:48px;padding:10px 18px;white-space:normal}
/* Long service names (the shared 26-option list) wrap inside their button instead of running past the form edge */
body .drn-lead-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label{max-width:100%;white-space:normal}
body .drn-lead-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span:hover,body .drn-lead-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label:focus-within>span{background:rgba(210,127,164,.18);border-color:#d27fa4!important;color:#fff}
body .drn-lead-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span{background:#d27fa4;border-color:#d27fa4!important;color:#fff}
body .drn-lead-form .fluentform .step-nav,body .drn-lead-form .fluentform .ff-step-t-container{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:18px}
body .drn-lead-form .fluentform .ff-step-t-container .ff-t-cell{flex:1;margin:0}
body .drn-lead-form .fluentform .ff-btn-next,body .drn-lead-form .fluentform .ff-btn-prev{border-radius:0;float:none!important;font-size:14px;font-weight:700;letter-spacing:.6px;min-height:48px;padding:12px 26px}
body .drn-lead-form .fluentform .ff-btn-next{background:#d27fa4;border:1px solid #d27fa4;color:#fff;margin-left:auto}
body .drn-lead-form .fluentform .ff-btn-next:hover,body .drn-lead-form .fluentform .ff-btn-next:focus{background:#c4668f;border-color:#c4668f;color:#fff}
body .drn-lead-form .fluentform .ff-btn-prev{background:transparent;border:1px solid #8a92a3;color:#fff}
body .drn-lead-form .fluentform .ff-btn-prev:hover,body .drn-lead-form .fluentform .ff-btn-prev:focus{background:transparent;border-color:#fff;color:#fff}
body .drn-lead-form .fluentform form.frm-fluent-form .ff_submit_btn_wrapper .ff-btn-submit{background:#d27fa4;min-height:48px}
body .drn-lead-form .fluentform form.frm-fluent-form .ff_submit_btn_wrapper .ff-btn-submit:hover,body .drn-lead-form .fluentform form.frm-fluent-form .ff_submit_btn_wrapper .ff-btn-submit:focus{background:#c4668f}
body .drn-lead-form .fluentform .ff-el-tc .ff_tc_label,body .drn-lead-form .fluentform .ff_t_c{color:#dfe3ea;font-size:14px}
body .drn-lead-form .fluentform .ff-el-tc a{color:#f0b3cf;text-decoration:underline}
body .drn-lead-form .fluentform .ff-el-tc .ff_tc_checkbox input{height:20px;width:20px}
/* The sentence that opens each step of the booking form (import/landing/build-form.php). */
.drn-lead-form__intro{color:#d7dbe2;font-size:15.5px;line-height:1.6;margin:0 0 6px;max-width:620px}
.drn-lead-form__intro-wrap{margin-bottom:6px}
.drn-lead-form__note{align-items:center;color:#c9ced8;display:flex;font-size:13.5px;gap:8px;margin:0}
.drn-lead-form__note::before{background:#c9ced8;content:"";display:block;flex:none;height:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 10V8A5 5 0 0 0 7 8v2H5v12h14V10zm-8 0V8a3 3 0 0 1 6 0v2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 10V8A5 5 0 0 0 7 8v2H5v12h14V10zm-8 0V8a3 3 0 0 1 6 0v2z'/%3E%3C/svg%3E") center/contain no-repeat;width:14px}
body .drn-lead-form .fluentform .error.text-danger{color:#ffb4b4}
body .drn-lead-form .ff-message-success{background:#fff;border:0;box-shadow:none;color:#333c4e;font-size:16px;padding:22px}
@media only screen and (max-width:640px){body .drn-lead-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check{display:flex;flex:1 1 calc(50% - 5px)}body .drn-lead-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label{display:flex;flex:1 1 auto}body .drn-lead-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span{flex:1 1 auto;justify-content:center;text-align:center}}

/* ==========================================================================
 * Contact buttons (inc/contact-buttons.php, js/contact-buttons.js; replace Buttonizer)
 * Phones — below 768px wide, or up to 500px tall (phones in landscape): fixed bottom bar with three equal buttons
 * (pink «Ραντεβού», ink «Κλήση», green «WhatsApp»; white icons). Labels on pink and green are dark (#4a1731 5.0:1,
 * #073b24 6.4:1) because white text there fails WCAG AA (2.9:1 / 2.0:1 at 14px bold, which is not "large" text);
 * white on ink is 11:1. The bar is a floating pill 56px tall, clear of the side edges by --drn-cb-gap (12px, 8px in
 * short landscape viewports), sitting --drn-cb-bottom (6px, 4px) above the bottom edge, plus the safe-area insets (notched phones in landscape; the insets are 0 while the
 * page's viewport meta has no viewport-fit=cover); it is 44px tall in short landscape viewports so it never takes
 * more than 15% of the height. body.drn-cb-has-bar gets the space it occupies (--drn-cb-bar-h) as bottom padding so the end of the
 * page is never under the bar, and Avada's #toTop (when displayed) sits above it. «Κλήση» opens a bottom sheet over
 * a dimmed backdrop (at most 560px wide, scrolls if taller than the viewport). Bar and sheet are hidden while the
 * mobile menu is open (html.drn-m-open). Tablets/desktops (768px+ wide and 501px+ tall): round pink button
 * bottom-right that expands upwards to labelled pills; the script lifts it above #toTop (--drn-cb-lift) and centres it
 * on it (--drn-cb-right). z-index 99990: above page rows and the sticky header (10010), below #toTop and the open
 * mobile panel (100000).
 * ========================================================================== */
.drn-cb [hidden]{display:none!important}
.drn-cb .drn-cb-i{display:block;flex:none;height:20px;width:20px}
.drn-cb-bar,.drn-cb-sheet,.drn-cb-float{display:none}
.drn-cb a.drn-cb-bar__btn,.drn-cb button.drn-cb-bar__btn,.drn-cb .drn-cb-sheet__link,.drn-cb .drn-cb-float__link,.drn-cb .drn-cb-float__toggle,.drn-cb .drn-cb-sheet__close{-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-family:inherit;text-decoration:none!important}
@media only screen and (max-width:767px),only screen and (max-height:500px){
body.drn-cb-has-bar{--drn-cb-btn-h:56px;--drn-cb-gap:12px;--drn-cb-bottom:6px;--drn-cb-inset:env(safe-area-inset-bottom,0px);--drn-cb-bar-h:calc(var(--drn-cb-btn-h) + var(--drn-cb-inset) + var(--drn-cb-bottom) + var(--drn-cb-gap));padding-bottom:var(--drn-cb-bar-h)!important}
body.drn-cb-has-bar .to-top-container #toTop{bottom:calc(var(--drn-cb-bar-h) + 12px)!important}
/* The bar floats as one pill clear of the screen edges (owner feedback §9) rather than filling the bottom edge:
 * --drn-cb-gap of air on the left, right and below (plus the safe-area insets), the pill's own radius on the
 * container and overflow:hidden, so the three buttons keep square edges and the ends of the pink and green ones are
 * rounded by the container. --drn-cb-bar-h (the space body reserves and the offset #toTop uses) counts that air. */
.drn-cb-bar{background:#333c4e;border-radius:var(--drn-radius-pill);bottom:calc(var(--drn-cb-inset,0px) + var(--drn-cb-bottom,6px));box-shadow:0 10px 28px rgba(51,60,78,.28);box-sizing:border-box;display:flex;height:var(--drn-cb-btn-h,56px);left:max(var(--drn-cb-gap,12px),env(safe-area-inset-left,0px));overflow:hidden;position:fixed;right:max(var(--drn-cb-gap,12px),env(safe-area-inset-right,0px));z-index:99990}
.drn-cb a.drn-cb-bar__btn,.drn-cb button.drn-cb-bar__btn{align-items:center;background:#333c4e;border:0;border-radius:0;color:#fff!important;cursor:pointer;display:flex;flex:1 1 0;font-size:14px;font-weight:700;gap:8px;height:var(--drn-cb-btn-h,56px);justify-content:center;letter-spacing:.2px;line-height:1.2;margin:0;min-width:0;padding:0 6px;white-space:nowrap}
.drn-cb a.drn-cb-bar__btn--form{background:#d27fa4;color:#4a1731!important}
.drn-cb a.drn-cb-bar__btn--whatsapp{background:#25D366;color:#073b24!important}
.drn-cb a.drn-cb-bar__btn--form .drn-cb-i,.drn-cb a.drn-cb-bar__btn--whatsapp .drn-cb-i{color:#fff}
.drn-cb .drn-cb-bar__btn:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.drn-cb a.drn-cb-bar__btn--form:focus-visible{outline-color:#4a1731}
.drn-cb a.drn-cb-bar__btn--whatsapp:focus-visible{outline-color:#073b24}
.drn-cb-sheet{display:block;inset:0;position:fixed;z-index:99995}
.drn-cb-sheet__backdrop{background:rgba(51,60,78,.55);inset:0;position:absolute}
.drn-cb-sheet__panel{background:#fff;border-radius:14px 14px 0 0;bottom:0;box-shadow:0 -4px 24px rgba(51,60,78,.25);box-sizing:border-box;left:0;margin:0 auto;max-height:calc(100% - 12px);max-width:560px;overflow-y:auto;overscroll-behavior:contain;padding:6px max(16px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));position:absolute;right:0}
.drn-cb-sheet__head{align-items:center;display:flex;justify-content:space-between;margin:0 -8px 4px 0}
.drn-cb .drn-cb-sheet__title{color:#333c4e;font-size:16px;font-weight:700;line-height:1.3;margin:0}
.drn-cb .drn-cb-sheet__close{align-items:center;background:none;border:0;color:#333c4e;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;width:44px}
.drn-cb .drn-cb-sheet__link{align-items:center;background:#f7f5f4;color:#333c4e!important;display:flex;font-size:16px;font-weight:700;gap:12px;line-height:1.3;margin:10px 0 0;min-height:56px;padding:10px 14px}
.drn-cb .drn-cb-sheet__link:hover,.drn-cb .drn-cb-sheet__link:focus-visible{color:#b0487a!important}
.drn-cb .drn-cb-sheet__link:focus-visible,.drn-cb .drn-cb-sheet__close:focus-visible{outline:2px solid #d27fa4;outline-offset:2px}
.drn-cb-sheet__icon{align-items:center;background:#d27fa4;border-radius:50%;color:#fff;display:flex;flex:none;height:36px;justify-content:center;width:36px}
html.drn-m-open .drn-cb-bar,html.drn-m-open .drn-cb-sheet{display:none!important}
}
@media only screen and (max-height:500px){
body.drn-cb-has-bar{--drn-cb-btn-h:44px;--drn-cb-gap:8px;--drn-cb-bottom:4px;--drn-cb-inset:max(0px,calc(env(safe-area-inset-bottom,0px) - 12px))}
.drn-cb .drn-cb-sheet__panel{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.drn-cb .drn-cb-sheet__link{margin-top:8px;min-height:48px;padding:6px 14px}
}
@media only screen and (min-width:768px) and (min-height:501px){
.drn-cb-float{align-items:flex-end;bottom:calc(var(--drn-cb-lift,0px) + 14px);display:flex;flex-direction:column-reverse;gap:12px;position:fixed;right:var(--drn-cb-right,24px);z-index:99990}
.drn-cb .drn-cb-float__toggle{align-items:center;background:#d27fa4;border:0;border-radius:50%;box-shadow:0 4px 14px rgba(51,60,78,.3);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;margin:0;padding:0;width:56px}
.drn-cb .drn-cb-float__toggle .drn-cb-i{height:26px;width:26px}
.drn-cb .drn-cb-float__toggle:hover{background:#c46a93}
.drn-cb .drn-cb-float__toggle:focus-visible{outline:3px solid #333c4e;outline-offset:3px}
.drn-cb .drn-cb-float__toggle[aria-expanded="false"] .drn-cb-i--close,.drn-cb .drn-cb-float__toggle[aria-expanded="true"] .drn-cb-i--chat{display:none}
.drn-cb .drn-cb-float__list{align-items:flex-end;display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.drn-cb .drn-cb-float__list li{margin:0;padding:0}
.drn-cb .drn-cb-float__link{align-items:center;background:#fff;border-radius:28px;box-shadow:0 2px 12px rgba(51,60,78,.22);color:#333c4e!important;display:flex;font-size:14px;font-weight:700;gap:10px;line-height:1.2;min-height:44px;padding:6px 18px 6px 6px;white-space:nowrap}
.drn-cb .drn-cb-float__link:hover,.drn-cb .drn-cb-float__link:focus-visible{color:#d27fa4!important}
.drn-cb .drn-cb-float__link:focus-visible{outline:2px solid #d27fa4;outline-offset:2px}
.drn-cb-float__icon{align-items:center;background:#d27fa4;border-radius:50%;color:#fff;display:flex;flex:none;height:32px;justify-content:center;width:32px}
.drn-cb-float__link--whatsapp .drn-cb-float__icon{background:#25D366}
.drn-cb .drn-cb-float__icon .drn-cb-i{height:18px;width:18px}
}

/* ==========================================================================
 * Homepage results strip (container .drn-home-results, import/homepage/edit-results-strip.php): heading, two case
 * cards ([drn_results featured="1" fallback="order" limit="2"]) with «Όλα τα αποτελέσματα (N) →» in 2/3 and the
 * [drn_cta_card] cost card in 1/3 of a 1040px row (the width of the results grids); Avada stacks the columns at ≤1024px
 * (type_medium 1_1). Column spacing is 0 on the container (flex_column_spacing="0px"); the gap between the two columns
 * is padding here. Compact cards: title only (tags and text hidden), so the section stays short. The section is white
 * (the testimonials below are #f7f5f4), so the cards get a visible border and a soft shadow.
 * ========================================================================== */
.drn-home-results .fusion-builder-row{margin-left:auto!important;margin-right:auto!important;max-width:1040px!important;width:100%!important}
.drn-home-results .fusion-layout-column{margin-left:0!important;margin-right:0!important}
.drn-home-results .fusion-title{margin-bottom:0!important}
.drn-home-results .drn-results{margin:0}
.drn-home-results .drn-results__grid{gap:24px}
.drn-home-results .drn-case__tags,.drn-home-results .drn-case__text,.drn-home-results .drn-case__toggle{display:none!important}
.drn-home-results .drn-case{border-color:#e6e1e4;box-shadow:0 2px 10px rgba(51,60,78,.07)}
.drn-home-results .drn-case__body{padding:12px 16px 14px}
.drn-home-results .drn-case__title{margin:0!important}
.drn-results-link{--drn-pink:#d27fa4;text-align:center}
.drn-results-link .drn-results__all{line-height:1.3;margin:24px auto 0}
.drn-cta-card{background:#fff;border:1px solid #e6e1e4;border-top:3px solid #d27fa4;box-shadow:0 2px 10px rgba(51,60,78,.07);padding:28px 26px 30px}
.drn-cta-card__title{color:#333c4e;font-size:22px!important;line-height:1.3!important;margin:0 0 12px!important}
.drn-cta-card__text{color:#5c6573;font-size:15px;line-height:1.65;margin:0 0 22px!important}
.drn-cta-card__btn{align-items:center;background:#d27fa4;color:#fff!important;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:1px;line-height:1.3;min-height:44px;padding:12px 24px;text-transform:uppercase}
.drn-cta-card__btn:hover,.drn-cta-card__btn:focus-visible{background:#c4668f;color:#fff!important}
.drn-cta-card__btn:focus-visible{outline:3px solid #333c4e;outline-offset:2px}
@media only screen and (min-width:1025px){.drn-home-results__cases{padding-right:14px!important}.drn-home-results__cost{padding-left:14px!important}}
@media only screen and (max-width:1024px){.drn-home-results .drn-results__grid,.drn-home-results__cost .drn-cta-card{margin-left:auto;margin-right:auto;max-width:700px}.drn-home-results__cost .drn-cta-card{margin-top:32px}}
@media only screen and (max-width:767px){.drn-home-results .drn-results__grid{gap:20px}.drn-cta-card{padding:24px 20px 26px}.drn-cta-card__btn{width:100%}}

/* ==========================================================================
 * Service page template (template-service.php, inc/service-template.php): plain sections in the landing look
 * (.drn-lp classes and the landing blocks above), mobile first. Avada's 100% width layout pads <main> by the 100% width
 * padding and pulls containers back with negative margins; here <main> has no padding and the two global elements
 * (process) no margins, so every section spans the viewport and aligns its content in .drn-svc__inner.
 * Content sections alternate warm grey (--tint) and white; the booking section is dark.
 * ========================================================================== */
.page-template-template-service #main{padding:0!important}
.drn-svc .fusion-fullwidth{margin-left:0!important;margin-right:0!important}
.drn-svc{overflow-wrap:break-word}
.drn-svc__inner{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}
.drn-svc__section{background:#fff;padding:44px 0}
.drn-svc__section--tint{background:#f7f5f4}
.drn-svc__section.drn-lp-booking{background:#333c4e}
.drn-svc__head{margin:0 auto 24px;max-width:780px}
.drn-svc__head h2{margin-bottom:10px}
.drn-svc__head .drn-lp-lead{margin-bottom:0}
.drn-svc__more{margin:30px 0 0}
/* The process global element (a tabs container) at the content width, like the section headings */
.drn-svc__global{box-sizing:border-box;margin:10px auto 0;max-width:1200px;padding:0 20px}
/* Testimonial quotes: the landing look, without Avada's blockquote bar and padding */
.drn-svc .drn-quote blockquote{background:none;border:0!important;font-size:16px!important;line-height:1.6!important;margin:0 0 12px!important;padding:0!important}
@media only screen and (min-width:801px){.drn-svc__section{padding:64px 0}.drn-svc__inner,.drn-svc__global{padding:0 30px}}

/* Buttons (hero, PDF): pink, or outlined pink; 48px touch targets */
.drn-svc-btn{align-items:center;background:#d27fa4;border:1px solid #d27fa4;box-sizing:border-box;color:#fff;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;letter-spacing:1px;line-height:1.3;min-height:48px;padding:12px 26px;text-align:center;text-decoration:none;text-transform:uppercase}
.drn-svc-btn:hover,.drn-svc-btn:focus-visible{background:#c4668f;border-color:#c4668f;color:#fff}
.drn-svc-btn:focus-visible{outline:3px solid #333c4e;outline-offset:2px}
.drn-svc-btn--outline{background:#fff;color:#d27fa4}
.drn-svc-btn--outline:hover,.drn-svc-btn--outline:focus-visible{background:#d27fa4;border-color:#d27fa4;color:#fff}
.drn-svc-btn svg{flex:none}

/* Hero: text then image, stacked on phones; two columns from 801px; text-only (no image) centred */
.drn-svc-hero{background:linear-gradient(90deg,#fbf6f9,#f4e6ee);padding:36px 0 40px}
.drn-svc-hero__grid{display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}
.drn-svc-hero__text{min-width:0}
/* Final size from the first paint: Avada's responsive typography script otherwise renders the h1 at the global 55px and
   shrinks it ~0.3s later (a layout shift of the whole hero on phones). Same values: 26px at 375 to 55px from ~1000px. */
.drn-svc-hero h1{font-size:clamp(26px,calc(9px + 4.6vw),55px)!important;hyphens:auto;line-height:1.15!important}
.drn-svc-hero__actions{display:flex;flex-direction:column;gap:10px}
.drn-svc-hero__media{min-width:0}
.drn-svc-hero__img{box-shadow:0 18px 40px rgba(51,60,78,.18);display:block;height:auto;max-width:100%;width:100%}
@media only screen and (min-width:641px){.drn-svc-hero__actions{flex-flow:row wrap}}
/* On phones the hero buttons hug their label instead of filling the column (owner: too much empty space around
   «Κλείστε ραντεβού»): aligned with the heading above them, centred on the centred hero variant. */
@media only screen and (max-width:640px){.drn-svc-hero__actions{align-items:flex-start}.drn-svc-hero--text .drn-svc-hero__actions{align-items:center}}
@media only screen and (min-width:801px){
.drn-svc-hero{padding:56px 0}
.drn-svc-hero__grid{align-items:center;gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.drn-svc-hero--text .drn-svc-hero__grid{grid-template-columns:minmax(0,1fr);max-width:960px;text-align:center}
.drn-svc-hero--text .drn-svc-hero__actions{justify-content:center}
}

/* Sticky in-page menu (the [drn_anchor_nav] block rules above; here the wrapper is the sticky element) */
.drn-svc__nav{position:sticky;top:var(--drn-anchor-top);z-index:50}

/* Αναλυτικά: long migrated text in full — readable measure, headings, lists, inline images and embeds kept inside */
.drn-svc-text{color:#333c4e;font-size:16px;line-height:1.75;margin:0 auto;max-width:820px}
.drn-svc-text>:first-child{margin-top:0}
.drn-svc-text>:last-child{margin-bottom:0}
.drn-svc-text p{margin:0 0 16px}
.drn-svc-text h2,.drn-svc-text h3,.drn-svc-text h4,.drn-svc-text h5{color:#333c4e;line-height:1.3!important;margin:34px 0 12px!important}
.drn-svc-text h2{font-size:24px!important}
.drn-svc-text h3{font-size:20px!important}
.drn-svc-text h4,.drn-svc-text h5{font-size:17px!important}
/* Easy Accordion blocks kept in the text: no text heading margins inside the plugin card header */
.drn-svc-text .ea-card .ea-header{margin:0!important}
.drn-svc-text ul,.drn-svc-text ol{margin:0 0 18px;padding-left:22px}
.drn-svc-text li{margin:0 0 6px}
.drn-svc-text a{color:#b8577f;text-decoration:underline}
.drn-svc-text a:hover,.drn-svc-text a:focus-visible{color:#333c4e}
.drn-svc-text img,.drn-svc-text video,.drn-svc-text iframe,.drn-svc-text .wp-caption,.drn-svc-text figure{height:auto;max-width:100%!important}
.drn-svc-text iframe{aspect-ratio:16/9;width:100%}
.drn-svc-text figure,.drn-svc-text .wp-caption{margin:0 0 18px}
.drn-svc-text .aligncenter{display:block;margin-left:auto;margin-right:auto}
.drn-svc-text .alignleft,.drn-svc-text .alignright{display:block;margin:0 auto 16px}
.drn-svc-text table{border-collapse:collapse;display:block;margin:0 0 18px;max-width:100%;overflow-x:auto}
.drn-svc-text td,.drn-svc-text th{border:1px solid #e6e1e4;padding:8px 10px}
.drn-svc-text blockquote{border-left:3px solid #d27fa4;margin:0 0 18px;padding:4px 0 4px 16px}
.drn-svc-text__figure{margin:0 0 24px!important}
.drn-svc-text__img{display:block;height:auto;width:100%}
.drn-svc .drn-svc-text__pdf{margin:30px 0 0;text-align:center}
@media only screen and (min-width:641px){.drn-svc-text .alignleft{float:left;margin:4px 24px 12px 0;max-width:50%!important}.drn-svc-text .alignright{float:right;margin:4px 0 12px 24px;max-width:50%!important}.drn-svc-text::after{clear:both;content:"";display:table}}

/* Σχετικές θεραπείες: cards, 2 per row on phones, 4 from 1025px */
.drn-svc-related{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:10px auto 0;max-width:1040px;padding:0}
.drn-svc-related__item{margin:0;min-width:0}
.drn-svc-related__card{background:#fff;border:1px solid #f1eef0;color:#333c4e;display:flex;flex-direction:column;height:100%;text-decoration:none}
.drn-svc-related__card:hover,.drn-svc-related__card:focus-visible{border-color:#d27fa4;color:#d27fa4}
.drn-svc-related__media{aspect-ratio:3/2;background:#fbf0f5;display:block;overflow:hidden}
.drn-svc-related__img{display:block;height:100%!important;object-fit:cover;width:100%}
.drn-svc-related__title{display:block;font-size:14px;font-weight:700;line-height:1.35;padding:12px}
.drn-svc__section--tint .drn-svc-related__card{border-color:#fff}
@media only screen and (min-width:1025px){.drn-svc-related{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.drn-svc-related__title{font-size:15px;padding:14px 16px}}
/* Team block with the principal only (no members yet): one centred card */
.drn-svc .drn-team:has(>.drn-team__card:only-child){grid-template-columns:minmax(0,420px);justify-content:center}
.drn-svc .drn-team:has(>.drn-team__card:only-child) .drn-team__photo{height:420px}
@media only screen and (max-width:640px){.drn-svc .drn-team:has(>.drn-team__card:only-child) .drn-team__photo{height:340px}}

/* [drn_blog] Blog list (inc/blog-list.php): tabs, featured card (image left from 801px), grid 3/2/1, load more */
.drn-blog{--drn-pink:#d27fa4;--drn-blog-ink:#333c4e;--drn-blog-muted:#6b7280;margin:0 auto;max-width:1200px}
.drn-blog__tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 34px}
.drn-blog a.drn-blog__tab{align-items:center;background:#fff;border:1px solid #e6dde3;color:var(--drn-blog-ink);display:inline-flex;font-size:13px;font-weight:700;gap:6px;letter-spacing:.06em;min-height:44px;padding:0 20px;text-decoration:none;text-transform:uppercase}
.drn-blog a.drn-blog__tab:hover,.drn-blog a.drn-blog__tab:focus-visible{border-color:var(--drn-pink);color:var(--drn-pink)}
.drn-blog a.drn-blog__tab.is-active{background:var(--drn-pink);border-color:var(--drn-pink);color:#fff}
.drn-blog__count{font-weight:400;opacity:.8}
.drn-blog__live{transition:opacity .15s}
.drn-blog.is-loading .drn-blog__live{opacity:.5}
.drn-blog-card{background:#fff;box-shadow:0 1px 2px rgba(51,60,78,.06);display:flex;flex-direction:column;min-width:0;position:relative;transition:box-shadow .2s,transform .2s}
.drn-blog-card:hover{box-shadow:0 14px 30px rgba(51,60,78,.12);transform:translateY(-2px)}
.drn-blog-card__media{aspect-ratio:16/10;display:block;overflow:hidden}
.drn-blog-card__img{display:block;height:100%!important;object-fit:cover;width:100%!important}
.drn-blog-card__body{display:flex;flex:1;flex-direction:column;padding:20px 22px 22px}
.drn-blog-card__meta{color:var(--drn-blog-muted);font-size:12px;letter-spacing:.04em;margin:0 0 10px}
.drn-blog-card__cat{color:var(--drn-pink);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.drn-blog .drn-blog-card__title{font-size:19px;line-height:1.35;margin:0 0 10px}
.drn-blog .drn-blog-card__title a{color:var(--drn-blog-ink);text-decoration:none}
.drn-blog .drn-blog-card__title a::after{content:"";inset:0;position:absolute}
.drn-blog .drn-blog-card__title a:hover,.drn-blog .drn-blog-card__title a:focus-visible{color:var(--drn-pink)}
.drn-blog-card__excerpt{color:#4b5563;display:-webkit-box;font-size:15px;line-height:1.6;margin:0 0 14px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.drn-blog a.drn-blog-card__more{color:var(--drn-pink);font-size:12px;font-weight:700;letter-spacing:.08em;margin-top:auto;text-decoration:none;text-transform:uppercase}
.drn-blog-card--featured{margin-bottom:30px}
.drn-blog-card--featured .drn-blog-card__title{font-size:26px;line-height:1.3}
.drn-blog-card--featured .drn-blog-card__excerpt{-webkit-line-clamp:4}
.drn-blog__grid{display:grid;gap:30px;grid-template-columns:repeat(3,minmax(0,1fr))}
.drn-blog__more-wrap{margin:40px 0 0;text-align:center}
.drn-blog a.drn-blog__more{align-items:center;background:#fff;border:1px solid var(--drn-pink);color:var(--drn-pink);display:inline-flex;font-size:13px;font-weight:700;letter-spacing:.08em;min-height:48px;padding:0 32px;text-decoration:none;text-transform:uppercase}
.drn-blog a.drn-blog__more:hover,.drn-blog a.drn-blog__more:focus-visible{background:var(--drn-pink);color:#fff}
.drn-blog__empty{color:var(--drn-blog-muted);text-align:center}
@media only screen and (min-width:801px){
.drn-blog-card--featured{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.drn-blog-card--featured .drn-blog-card__media{aspect-ratio:auto;min-height:340px}
.drn-blog-card--featured .drn-blog-card__body{justify-content:center;padding:36px 40px}
.drn-blog-card--featured a.drn-blog-card__more{margin-top:6px}
}
@media only screen and (max-width:1024px){.drn-blog__grid{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media only screen and (max-width:640px){
.drn-blog__tabs{gap:8px;margin-bottom:24px}
.drn-blog a.drn-blog__tab{flex:1 1 auto;justify-content:center;padding:0 12px}
.drn-blog__grid{grid-template-columns:minmax(0,1fr)}
.drn-blog-card--featured{margin-bottom:22px}
.drn-blog-card--featured .drn-blog-card__title{font-size:21px}
.drn-blog .drn-blog-card__title{font-size:18px}
.drn-blog-card__body{padding:16px 18px 20px}
}
@media (prefers-reduced-motion:reduce){.drn-blog-card,.drn-blog__live{transition:none}.drn-blog-card:hover{transform:none}}

/* Media category pages (inc/media-list.php): blog card grid + video play icon, photo crops, popup player, lightbox */
body.drn-media-page #main{padding-top:0!important}
.drn-media{padding-block:64px 20px}
@media only screen and (max-width:640px){.drn-media{padding-block:24px 10px}}
.drn-media--video .drn-blog-card__media{aspect-ratio:16/9;position:relative}
.drn-media--photo .drn-blog-card__media{aspect-ratio:4/3}
.drn-media--photo .drn-blog-card__img{object-position:50% 25%}
.drn-media-card__play{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s}
.drn-media-card:hover .drn-media-card__play{transform:translate(-50%,-50%) scale(1.08)}
.drn-blog span.drn-blog-card__more{color:var(--drn-pink);font-size:12px;font-weight:700;letter-spacing:.08em;margin-top:auto;text-transform:uppercase}
.drn-media--photo .drn-blog-card__media,.drn-media--video .drn-blog-card__media{cursor:pointer}
html.drn-media-open{overflow:hidden}
.drn-media-dialog{align-items:center;background:rgba(20,22,28,.95);display:flex;inset:0;justify-content:center;padding:56px 16px 24px;position:fixed;z-index:100000}
.drn-media-dialog__box{align-items:center;display:flex;gap:12px;justify-content:center;max-height:100%;max-width:1100px;position:relative;width:100%}
.drn-media-dialog--video .drn-media-dialog__box{flex-direction:column}
.drn-media-dialog__frame{aspect-ratio:16/9;background:#000;max-height:calc(100vh - 140px);width:100%}
.drn-media-dialog__frame iframe{border:0;display:block;height:100%;width:100%}
.drn-media-dialog__caption{align-items:baseline;color:#fff;display:flex;font-size:15px;gap:16px;justify-content:space-between;line-height:1.4;margin:10px 0 0;width:100%}
.drn-media-dialog__counter{color:rgba(255,255,255,.75);flex:none;font-size:13px}
.drn-media-dialog__figure{align-items:center;display:flex;flex:1;flex-direction:column;margin:0;min-width:0;touch-action:pan-y}
.drn-media-dialog__img{-webkit-user-drag:none;display:block;height:auto;max-height:calc(100vh - 150px);max-width:100%;object-fit:contain;touch-action:pan-y;user-select:none;width:auto}
.drn-media-dialog button{align-items:center;background:rgba(255,255,255,.12);border:0;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:28px;height:48px;justify-content:center;line-height:1;padding:0;width:48px}
.drn-media-dialog button:hover,.drn-media-dialog button:focus-visible{background:var(--drn-pink,#d27fa4);outline:2px solid #fff;outline-offset:2px}
.drn-media-dialog button.drn-media-dialog__close{font-size:20px;position:fixed;right:16px;top:12px}
.drn-media-dialog button.drn-media-dialog__nav{flex:none}
@media only screen and (max-width:640px){
.drn-media-dialog{padding:60px 8px 16px}
.drn-media-dialog button.drn-media-dialog__nav{bottom:18px;position:fixed}
.drn-media-dialog__nav--prev{left:16px}
.drn-media-dialog__nav--next{right:16px}
.drn-media-dialog__img{max-height:calc(100vh - 190px)}
.drn-media-dialog--photo .drn-media-dialog__caption{padding:0 4px}
}
@media (prefers-reduced-motion:reduce){.drn-media-card__play{transition:none}}
.drn-media-dialog__guard{height:1px;left:0;opacity:0;overflow:hidden;position:absolute;top:0;width:1px}

/* [drn_blog_latest] homepage «Τελευταία νέα – Blog»: 3 cards from 801px, a swipeable row (scroll snap) below */
.drn-blog--latest{margin-top:10px}
.drn-blog--latest .drn-blog__more-wrap{margin-top:34px}
@media only screen and (min-width:801px){.drn-blog .drn-blog__grid--latest{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media only screen and (max-width:800px){
.drn-blog .drn-blog__grid--latest{display:flex;gap:16px;margin:0 -30px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 30px 14px;scroll-padding-inline:30px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.drn-blog__grid--latest .drn-blog-card{flex:0 0 min(82%,340px);scroll-snap-align:start}
.drn-blog__grid--latest .drn-blog-card:hover{transform:none}
.drn-blog--latest .drn-blog__more-wrap{margin-top:22px}
}

/* Homepage testimonials slider (inc/testimonials.php): one quote per view on a scroll-snap track, arrows + dots */
.drn-tslider{margin:10px auto 0;max-width:1000px;position:relative}
.drn-tslider__viewport{align-items:center;display:flex;gap:12px}
.drn-tslider__track{align-items:flex-start;display:flex;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;transition:height .3s ease}
.drn-tslider__track::-webkit-scrollbar{display:none}
.drn-tslider__track:focus-visible{outline:2px solid #d27fa4;outline-offset:4px}
.drn-tslider__slide{align-items:center;display:flex;flex:0 0 100%;flex-direction:column;margin:0;padding:6px 40px 4px;scroll-snap-align:start;text-align:center}
.drn-tslider__mark{color:#d27fa4;flex:none;margin-bottom:18px;opacity:.9}
.drn-tslider .drn-tslider__quote{background:none;border:0!important;margin:0 0 20px!important;max-width:760px;padding:0!important}
.drn-tslider .drn-tslider__quote p{color:#333c4e;font-size:20px;font-style:normal;letter-spacing:0;line-height:1.65;margin:0}
.drn-tslider__who{color:#333c4e;font-size:15px;letter-spacing:.02em}
.drn-tslider__name{color:#c4668f;font-weight:700}
.drn-tslider__age{color:#6b7280}
.drn-tslider__arrow,.drn-tslider__dots{display:none}
.drn-tslider.is-ready .drn-tslider__arrow{align-items:center;background:#fff;border:1px solid #e6dde3;border-radius:50%;color:#333c4e;cursor:pointer;display:inline-flex;flex:none;height:48px;justify-content:center;padding:0;transition:background .2s,color .2s;width:48px}
.drn-tslider.is-ready .drn-tslider__arrow:hover,.drn-tslider.is-ready .drn-tslider__arrow:focus-visible{background:#d27fa4;border-color:#d27fa4;color:#fff}
.drn-tslider.is-ready .drn-tslider__dots{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:22px}
.drn-tslider__dot{background:none;border:0;cursor:pointer;height:32px;padding:0;position:relative;width:24px}
.drn-tslider__dot::before{background:#d9ccd3;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .2s,width .2s;width:10px}
.drn-tslider__dot[aria-current="true"]::before{background:#d27fa4;border-radius:5px;width:22px}
.drn-tslider__dot:focus-visible{outline:2px solid #d27fa4;outline-offset:1px}
@media only screen and (max-width:640px){
.drn-tslider__slide{padding:4px 6px}
.drn-tslider .drn-tslider__quote p{font-size:17px;line-height:1.6}
.drn-tslider__mark{height:28px;margin-bottom:14px;width:38px}
.drn-tslider.is-ready .drn-tslider__arrow{display:none}
}
@media (prefers-reduced-motion:reduce){.drn-tslider__arrow,.drn-tslider__dot::before,.drn-tslider__track{transition:none}}

/* Avada's page title bar: its heading gets the same fluid size from the first paint. Avada's responsive typography
   script otherwise renders it at the global 52px and shrinks it to ~26px a moment later, which shifts the whole page
   on phones (blog posts, results pages). Same values as the script computes. */
.fusion-page-title-bar .entry-title{font-size:clamp(26px,calc(9px + 4.35vw),52px)!important;line-height:1.3!important}

/* Contact page clinics (inc/clinics.php): contact cards and the static map cards with «Οδηγίες» */
.drn-clinics,.drn-clinic-maps{display:grid;gap:26px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:1000px}
.drn-clinic{background:#fff;padding:26px 28px}
.drn-clinic .drn-clinic__title,.drn-clinic-map .drn-clinic-map__title{color:#333c4e;font-size:20px;line-height:1.3;margin:0 0 16px}
.drn-clinic__list{list-style:none;margin:0;padding:0}
.drn-clinic__list li{align-items:flex-start;border-top:1px solid #f1eef0;color:#333c4e;display:flex;font-size:15px;gap:10px;line-height:1.5;padding:12px 0}
.drn-clinic__list li:first-child{border-top:0;padding-top:0}
.drn-clinic__list a{color:#333c4e;text-decoration:none}
.drn-clinic__list a:hover,.drn-clinic__list a:focus-visible{color:var(--drn-pink,#d27fa4)}
.drn-clinic__icon{color:var(--drn-pink,#d27fa4);flex:none;margin-top:2px}
.drn-clinic-map{background:#fff;display:flex;flex-direction:column;overflow:hidden}
.drn-clinic-map__frame{display:block;line-height:0}
.drn-clinic-map__img{aspect-ratio:88/46;display:block;height:auto;object-fit:cover;width:100%}
.drn-clinic-map__body{padding:20px 24px 24px}
.drn-clinic-map__address{color:#5c6573;font-size:15px;margin:0 0 16px}
.drn-clinic-map__actions{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.drn-clinic-maps a.drn-clinic-map__btn{align-items:center;background:var(--drn-pink,#d27fa4);border:1px solid var(--drn-pink,#d27fa4);color:#fff;display:inline-flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.04em;min-height:48px;padding:0 22px;text-decoration:none;text-transform:uppercase}
.drn-clinic-maps a.drn-clinic-map__btn:hover,.drn-clinic-maps a.drn-clinic-map__btn:focus-visible{background:#c4668f;border-color:#c4668f;color:#fff}
.drn-clinic-maps a.drn-clinic-map__btn--ghost{background:#fff;color:#333c4e}
.drn-clinic-maps a.drn-clinic-map__btn--ghost:hover,.drn-clinic-maps a.drn-clinic-map__btn--ghost:focus-visible{background:var(--drn-pink,#d27fa4);color:#fff}
.drn-contact-note{color:#5c6573;font-size:14px;margin:14px 0 0;text-align:center}
.drn-lp-booking .drn-contact-note{color:#c9ced8}
@media only screen and (max-width:800px){
.drn-clinics,.drn-clinic-maps{gap:18px;grid-template-columns:minmax(0,1fr)}
.drn-clinic,.drn-clinic-map__body{padding:20px}
.drn-clinic-maps a.drn-clinic-map__btn{flex:1 1 100%;justify-content:center}
}

/* ------------------------------------------------------------------------------------------------ design system
 * Rounded / pill shapes (owner feedback «Final Design UX» §2, §13): buttons, tabs and chips are pills, cards, images
 * and panels 16px, form fields 12px. Avada's own elements follow through its global options (import/dev-header/
 * edit-radius.php), so the older pages match. Tokens first, so a change here is one line.
 */
:root{--drn-radius-pill:999px;--drn-radius-card:16px;--drn-radius-field:12px;--drn-radius-sm:10px}

/* Buttons, chips and tabs */
.drn-svc-btn,.drn-lp-btn-outline,.drn-blog a.drn-blog__more,.drn-blog a.drn-blog__tab,.drn-clinic-maps a.drn-clinic-map__btn,
.drn-results__more,.drn-results__all,.drn-results__filter,.drn-results__subfilter,.drn-case__gate-btn,.drn-case__pair-btn,
.drn-case__toggle,.drn-anchor__link,.drn-cta-card__btn,.drn-svc__more,.drn-pdf__link a,.drn-mm__cta a,.drn-mm__more,
.drn-hero--home .drn-hero-home__btn,.drn-menu .awb-menu__main-a_button .fusion-button.button-small,
.drn-menu-mobile .awb-menu__li_button .fusion-button.button-small{border-radius:var(--drn-radius-pill)!important}
body .drn-lead-form .fluentform .ff-btn-next,body .drn-lead-form .fluentform .ff-btn-prev,
body .drn-lead-form .fluentform .ff-btn-submit,body .fluentform form.frm-fluent-form .ff_submit_btn_wrapper .ff-btn-submit,
body .drn-lead-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span{border-radius:var(--drn-radius-pill)!important}
body .drn-lead-form .fluentform .ff-el-progress,body .drn-lead-form .fluentform .ff-el-progress-bar{border-radius:var(--drn-radius-pill)}

/* Cards, panels and media */
.drn-blog-card,.drn-clinic,.drn-clinic-map,.drn-case,.drn-cta-card,.drn-team__card,.drn-quote,.drn-benefits__item,
.drn-stats__item,.drn-faq__item,.drn-video,.drn-videos__item .drn-video,.drn-svc-related__card,.drn-card,
.drn-next-slot,.drn-media-dialog__frame,.drn-pdf__frame{border-radius:var(--drn-radius-card);overflow:hidden}
.drn-blog-card__media,.drn-clinic-map__frame,.drn-case__media,.drn-media-card__media,.drn-svc-related__media{border-radius:0}
.drn-svc-hero__img,.drn-svc-text__img,.drn-team__photo,.drn-lp-hero__media img,.drn-media-dialog__img,.drn-case__preview,
.drn-mm__list img,.drn-card__img{border-radius:var(--drn-radius-card)}
.drn-video__thumb{border-radius:0}
.drn-faq__item{overflow:visible}
/* Avada content boxes (the treatment tiles on «Θεραπείες – Επεμβάσεις» and the same element on the service pages) and
   the pictures of an Avada image carousel: Avada's global radius options do not reach either, so they are rounded here
   like every other card. The tile pictures («banner-katigories…», 700×480) carry a 36px grey frame baked into the
   files, which the owner wanted gone: the picture is shown in a box of the cropped ratio (628×408) and scaled by
   700/628, so the frame falls outside the box on both axes. The files themselves are untouched. */
.fusion-content-boxes .content-box-column{border-radius:var(--drn-radius-card);overflow:hidden}
.fusion-content-boxes .content-box-column .image{aspect-ratio:157/102;border-radius:var(--drn-radius-sm);overflow:hidden}
.fusion-content-boxes .content-box-column .image img,.fusion-content-boxes .content-box-column:hover .image img{border-radius:0;display:block;height:100%!important;object-fit:cover;transform:scale(1.12);width:100%!important}
.awb-carousel .fusion-image-wrapper img,.awb-carousel .fusion-image-wrapper{border-radius:var(--drn-radius-sm)}
/* Pictures in page content: Avada's global image-frame radius is 16px, but single images whose own setting was left at
   2–3px stayed square (the picture opening «Τι με απασχολεί» pages, for one). They follow the card radius. */
#content .fusion-imageframe{border-radius:var(--drn-radius-card)!important;overflow:hidden}
/* «Προτεινόμενες επιλογές θεραπείας» (and the same block on the service pages): legacy Avada inner columns with a pink
   background behind a picture and a title. Three things were off: Avada offsets that background layer by the column's
   percentage margin, so the pink stuck out on the right and a white strip showed on the left; the cards ended at
   different heights when a title wrapped to two lines; and the pictures carry the same 36px grey frame baked into the
   file. The row is laid out as equal-height flex cards, the background covers its column, and the picture is cropped. */
.fusion-column-inner-bg-wrapper>.fusion-column-inner-bg{left:0!important;margin-left:0!important;margin-right:0!important;right:0!important;width:100%!important}
.fusion-builder-row-inner:has(>.fusion-column-inner-bg-wrapper .fusion-imageframe){align-items:stretch;display:flex;flex-wrap:wrap}
.fusion-column-inner-bg-wrapper:has(.fusion-imageframe){border-radius:var(--drn-radius-card)!important;overflow:hidden}
.fusion-column-inner-bg-wrapper:has(.fusion-imageframe) .fusion-column-wrapper{display:flex;flex-direction:column;height:100%}
.fusion-column-inner-bg-wrapper:has(.fusion-imageframe) .fusion-column-content-centered{display:flex;flex:1 1 auto;flex-direction:column}
/* The «banner-katigories…» pictures carry a 36px grey frame inside the file: shown in a box of the cropped ratio
   (628×408) and scaled by 700/628, so the frame falls outside the box wherever these pictures appear. */
.fusion-imageframe:has(>img[src*="banner-katigories"]){aspect-ratio:157/102;display:block;overflow:hidden}
img[src*="banner-katigories"]{height:100%!important;object-fit:cover;transform:scale(1.12);width:100%!important}

/* Form fields */
body .fluentform .ff-el-input--content .ff-el-form-control,body .fluentform .ff-el-input--content textarea.ff-el-form-control,
.drn-topbar__search input,.drn-m-search input{border-radius:var(--drn-radius-field)!important}

/* Small round items */
.drn-case__tag,.drn-blog-card__cat,.drn-next-slot__dot,.drn-media-card__count{border-radius:var(--drn-radius-sm)}

/* Homepage service cards (inc/service-cards.php): «Τι με απασχολεί» row and the treatment cards */
.drn-cards{margin:0 auto;max-width:1200px}
/* Avada's column wrapper is a flex container, so this block would take its content's width and the swipe row would
   run past the screen on phones — the last treatments could not be reached. It stays the column's width. */
.drn-cards{box-sizing:border-box;max-width:100%;min-width:0;width:100%}
.drn-cards__grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}
.drn-cards--needs .drn-cards__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.drn-card-tile{background:#fff;border-radius:var(--drn-radius-card);box-shadow:0 1px 2px rgba(51,60,78,.06);display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative;transition:box-shadow .2s,transform .2s}
.drn-card-tile:hover{box-shadow:0 14px 30px rgba(51,60,78,.12);transform:translateY(-2px)}
.drn-card-tile__media{aspect-ratio:3/2;overflow:hidden}
.drn-cards--needs .drn-card-tile__media{aspect-ratio:4/5}
.drn-card-tile__img{display:block;height:100%!important;object-fit:cover;width:100%!important}
.drn-card-tile__body{display:flex;flex:1;flex-direction:column;padding:18px 20px 20px}
.drn-cards .drn-card-tile__title{font-size:18px;line-height:1.35;margin:0 0 8px}
.drn-cards .drn-card-tile__title a{color:#333c4e;text-decoration:none}
.drn-cards .drn-card-tile__title a::after{content:"";inset:0;position:absolute}
.drn-cards .drn-card-tile__title a:hover,.drn-cards .drn-card-tile__title a:focus-visible{color:var(--drn-pink,#d27fa4)}
.drn-card-tile__text{color:#4b5563;font-size:15px;line-height:1.55;margin:0 0 14px}
.drn-card-tile__more{color:var(--drn-pink,#d27fa4);font-size:12px;font-weight:700;letter-spacing:.08em;margin-top:auto;text-transform:uppercase}
.drn-cards--needs .drn-card-tile__body{padding:14px 16px 16px}
.drn-cards--needs .drn-cards .drn-card-tile__title,.drn-cards--needs .drn-card-tile__title{font-size:16px}
.drn-cards--needs .drn-card-tile__more{display:none}
.drn-cards .drn-cards__more-wrap{margin:52px 0 0!important;text-align:center}
.drn-cards a.drn-cards__more{align-items:center;background:#fff;border:1px solid var(--drn-pink,#d27fa4);border-radius:var(--drn-radius-pill);color:var(--drn-pink,#d27fa4);display:inline-flex;font-size:13px;font-weight:700;letter-spacing:.08em;min-height:48px;padding:0 32px;text-decoration:none;text-transform:uppercase}
.drn-cards a.drn-cards__more:hover,.drn-cards a.drn-cards__more:focus-visible{background:var(--drn-pink,#d27fa4);color:#fff}
@media only screen and (max-width:1024px){
.drn-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.drn-cards--needs .drn-cards__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media only screen and (max-width:640px){
.drn-cards__grid,.drn-cards--needs .drn-cards__grid{display:flex;gap:14px;margin:0 -30px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 30px 14px;scroll-padding-inline:30px;scroll-snap-type:x mandatory}
.drn-cards__grid .drn-card-tile{flex:0 0 min(78%,320px);scroll-snap-align:start}
.drn-cards--needs .drn-cards__grid .drn-card-tile{flex:0 0 min(56%,220px)}
.drn-card-tile:hover{transform:none}
.drn-cards .drn-cards__more-wrap{margin-top:36px!important}
}

/* «Κράτηση Ραντεβού» popup (inc/booking-modal.php) */
html.drn-modal-open{overflow:hidden}
.drn-modal{align-items:flex-start;background:rgba(20,22,28,.6);display:flex;inset:0;justify-content:center;overflow-y:auto;padding:24px 16px;position:fixed;z-index:100001}
/* The date picker of the booking form attaches its calendar to <body>, and flatpickr's own z-index (100000) is below
   this dialog — inside the popup the calendar opened behind it, so taps landed on the form and no day could be
   picked. It belongs above everything while it is open. */
.flatpickr-calendar{z-index:100010!important}
.drn-modal[hidden]{display:none}
.drn-modal__box{background:#333c4e;border-radius:var(--drn-radius-card);color:#fff;margin:auto;max-width:780px;position:relative;width:100%}
.drn-modal__head{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:22px 24px 0}
.drn-modal .drn-modal__title{color:#fff;font-size:24px;line-height:1.25;margin:0}
.drn-modal button.drn-modal__close{align-items:center;background:rgba(255,255,255,.12);border:0;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex:none;height:44px;justify-content:center;padding:0;width:44px}
.drn-modal button.drn-modal__close:hover,.drn-modal button.drn-modal__close:focus-visible{background:var(--drn-pink,#d27fa4)}
.drn-modal__body{padding:6px 24px 26px}
.drn-modal__loading{color:#c9ced8;margin:24px 0;text-align:center}
.drn-modal .drn-lead-form{margin:0}
@media only screen and (max-width:640px){
.drn-modal{padding:0}
.drn-modal__box{border-radius:0;min-height:100%}
.drn-modal__head{padding:16px 16px 0;position:sticky;top:0;background:#333c4e;z-index:1}
.drn-modal__body{padding:4px 16px 24px}
.drn-modal .drn-modal__title{font-size:20px}
}

/* Instagram strip (inc/instagram.php): square pictures linking to their posts */
.drn-ig{margin:0 auto;max-width:1100px;text-align:center}
.drn-ig__handle{font-size:15px;margin:0 0 22px}
.drn-ig__handle a{color:var(--drn-pink,#d27fa4);font-weight:700;letter-spacing:.04em;text-decoration:none}
.drn-ig__handle a:hover,.drn-ig__handle a:focus-visible{color:#c4668f}
.drn-ig__grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}
.drn-ig__item{margin:0;min-width:0}
.drn-ig__link{border-radius:var(--drn-radius-card,16px);display:block;overflow:hidden;position:relative}
.drn-ig__img{aspect-ratio:1/1;display:block;height:100%!important;object-fit:cover;transition:transform .3s;width:100%!important}
.drn-ig__link:hover .drn-ig__img,.drn-ig__link:focus-visible .drn-ig__img{transform:scale(1.04)}
.drn-ig__icon{align-items:center;background:rgba(255,255,255,.92);border-radius:50%;color:#333c4e;display:flex;height:34px;justify-content:center;position:absolute;right:10px;top:10px;width:34px}
.drn-ig__caption{background:linear-gradient(180deg,rgba(51,60,78,0),rgba(51,60,78,.78));bottom:0;color:#fff;display:block;font-size:13px;left:0;line-height:1.35;overflow:hidden;padding:26px 12px 10px;position:absolute;right:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.drn-ig .drn-ig__more-wrap{margin:48px 0 0!important}
.drn-ig a.drn-ig__more{align-items:center;background:#fff;border:1px solid var(--drn-pink,#d27fa4);border-radius:var(--drn-radius-pill,999px);color:var(--drn-pink,#d27fa4);display:inline-flex;font-size:13px;font-weight:700;letter-spacing:.08em;min-height:48px;padding:0 30px;text-decoration:none;text-transform:uppercase}
.drn-ig a.drn-ig__more:hover,.drn-ig a.drn-ig__more:focus-visible{background:var(--drn-pink,#d27fa4);color:#fff}
@media only screen and (max-width:1024px){.drn-ig__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media only screen and (max-width:640px){
.drn-ig__grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.drn-ig__handle{margin-bottom:16px}
.drn-ig .drn-ig__more-wrap{margin-top:34px!important}
.drn-ig a.drn-ig__more{font-size:12px;letter-spacing:.06em;padding:0 18px;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.drn-ig__img{transition:none}.drn-ig__link:hover .drn-ig__img{transform:none}}

/* ==========================================================================
 * «Ευχαριστούμε» page ([drn_thankyou], inc/thankyou.php)
 * The end of the booking journey: one centred panel — picture, thank-you, what happens next, two ways on. The picture
 * is the page's featured image, so it can be replaced from wp-admin.
 * ========================================================================== */
.drn-ty{margin:0 auto;max-width:680px;text-align:center}
.drn-ty__picture{border-radius:var(--drn-radius-card,16px);margin:0 0 30px;overflow:hidden}
.drn-ty__img{aspect-ratio:16/9;display:block;height:auto;max-height:380px;object-fit:cover;object-position:center 22%;width:100%}
.drn-ty__lead{color:#333c4e;font-size:22px;font-weight:700;line-height:1.35;margin:0 0 14px}
.drn-ty__text{color:#5c6573;font-size:18px;line-height:1.6;margin:0 0 14px}
.drn-ty__closing{color:#c4668f;font-size:17px;font-weight:600;line-height:1.5;margin:0 0 30px}
.drn-ty__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:0}
.drn-ty a.drn-ty__btn{align-items:center;background:var(--drn-pink,#d27fa4);border:1px solid var(--drn-pink,#d27fa4);border-radius:var(--drn-radius-pill,999px);color:#fff;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;letter-spacing:.06em;min-height:52px;padding:0 30px;text-decoration:none;text-transform:uppercase}
.drn-ty a.drn-ty__btn:hover,.drn-ty a.drn-ty__btn:focus-visible{background:#c4668f;border-color:#c4668f;color:#fff}
.drn-ty a.drn-ty__btn--outline{background:#fff;color:var(--drn-pink,#d27fa4)}
.drn-ty a.drn-ty__btn--outline:hover,.drn-ty a.drn-ty__btn--outline:focus-visible{background:var(--drn-pink,#d27fa4);color:#fff}
@media only screen and (max-width:640px){
.drn-ty__picture{margin-bottom:22px}
.drn-ty__img{max-height:240px}
.drn-ty__lead{font-size:20px}
.drn-ty__text{font-size:16px}
.drn-ty__closing{font-size:16px;margin-bottom:24px}
.drn-ty__actions{flex-direction:column}
.drn-ty a.drn-ty__btn{font-size:13px;padding:0 20px}
}

/* ==========================================================================
 * «Ποια είναι η διαδικασία» ([drn_process], inc/process.php)
 * The five steps as one numbered list instead of tabs with stock photos: a pink number, the step's own label, its
 * heading and its text, joined by a line down the left so the order reads at a glance. One column on phones.
 * ========================================================================== */
.drn-process{counter-reset:drn-step;list-style:none;margin:0 auto;max-width:860px;padding:0}
.drn-process__step{display:grid;gap:0 22px;grid-template-columns:56px 1fr;padding:0 0 34px;position:relative}
.drn-process__step:last-child{padding-bottom:0}
.drn-process__step::before{background:#f0e3ea;bottom:8px;content:"";left:27px;position:absolute;top:56px;width:2px}
.drn-process__step:last-child::before{display:none}
.drn-process__num{align-items:center;background:var(--drn-pink,#d27fa4);border-radius:50%;color:#fff;display:flex;flex:none;font-size:20px;font-weight:700;height:56px;justify-content:center;width:56px}
.drn-process__body{min-width:0;padding-top:4px}
.drn-process .drn-process__label{color:#c4668f;font-size:12px;font-weight:700;letter-spacing:.14em;margin:0 0 6px;text-transform:uppercase}
.drn-process .drn-process__title{color:#333c4e;font-size:21px;font-weight:700;line-height:1.3;margin:0 0 10px}
.drn-process__body p{color:#5c6573;font-size:16px;line-height:1.7;margin:0 0 12px}
.drn-process__body p:last-child{margin-bottom:0}
@media only screen and (max-width:640px){
.drn-process__step{gap:0 14px;grid-template-columns:44px 1fr;padding-bottom:26px}
.drn-process__step::before{left:21px;top:44px}
.drn-process__num{font-size:17px;height:44px;width:44px}
.drn-process .drn-process__title{font-size:18px}
.drn-process__body p{font-size:15px}
}

/* ==========================================================================
 * «Με μια ματιά» ([drn_glance], inc/glance.php)
 * The ten facts of the old wide picture as cards: icon, number, what it is, how long it takes. Five per row, three on
 * tablets, two on phones. Nothing is hidden behind an interaction — hover and keyboard focus only lift the card.
 * ========================================================================== */
.drn-glance{margin:44px 0 10px}
.drn-glance__head-block{margin:0 0 20px;text-align:center}
.drn-glance .drn-glance__eyebrow{color:#c4668f;font-size:12px;font-weight:700;letter-spacing:.18em;margin:0 0 8px;text-transform:uppercase}
.drn-glance .drn-glance__title{color:#333c4e;font-size:30px;font-weight:700;line-height:1.25;margin:0}
.drn-glance__grid{display:grid;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0}
.drn-glance__card{background:#fff;border:1px solid #f0e3ea;border-radius:var(--drn-radius-card,16px);box-shadow:0 1px 2px rgba(51,60,78,.05);display:flex;flex-direction:column;margin:0;min-height:196px;padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s}
.drn-glance__card:hover{border-color:#d9a4bf;box-shadow:0 14px 28px rgba(171,91,128,.13);transform:translateY(-4px)}
.drn-glance__head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}
.drn-glance__badge{align-items:center;background:#fbf2f6;border-radius:var(--drn-radius-sm,10px);color:var(--drn-pink,#d27fa4);display:flex;flex:none;height:46px;justify-content:center;width:46px}
.drn-glance__index{color:#c9a8ba;font-size:11px;font-weight:700;letter-spacing:.1em;padding-top:4px}
.drn-glance__label{color:#8d6d7e;font-size:14px;line-height:1.45}
.drn-glance__value{color:#333c4e;font-size:17px;font-weight:600;line-height:1.45;margin-top:8px}
.drn-glance__rule{background:#f0d9e5;display:block;height:3px;margin-top:auto;width:26px}
.drn-glance__card:hover .drn-glance__rule{background:var(--drn-pink,#d27fa4);width:46px}
.drn-glance__rule{transition:background .2s,width .2s}
@media only screen and (max-width:1024px){.drn-glance__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media only screen and (max-width:640px){
.drn-glance{margin-top:32px}
.drn-glance .drn-glance__title{font-size:23px}
.drn-glance__head-block{margin-bottom:16px}
.drn-glance__grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.drn-glance__card{min-height:0;padding:16px}
.drn-glance__badge{height:40px;width:40px}
.drn-glance__label{font-size:13px}
.drn-glance__value{font-size:15px}
}
@media (prefers-reduced-motion:reduce){.drn-glance__card,.drn-glance__rule{transition:none}.drn-glance__card:hover{transform:none}}

/* ==========================================================================
 * Dropdowns in page content (Easy Accordion, «Τι είναι η …;» on the service pages)
 * The plugin's default is a grey bar with a small icon font glyph. They read as cards here: white, rounded, a pink
 * round chevron that turns when the answer opens, a tinted head while open, and the answer set like body text. The
 * plugin's own icon is hidden — the chevron is drawn in CSS, so nothing depends on its icon font.
 * ========================================================================== */
#content .sp-easy-accordion{margin:0 0 10px}
#content .sp-easy-accordion>.sp-ea-single{background:#fff!important;border:1px solid #f0e3ea!important;border-radius:var(--drn-radius-card,16px)!important;margin:0 0 12px!important;overflow:hidden;transition:border-color .2s,box-shadow .2s}
#content .sp-easy-accordion>.sp-ea-single:hover{border-color:#ddaec7!important;box-shadow:0 8px 22px rgba(171,91,128,.08)}
#content .sp-easy-accordion>.sp-ea-single>.ea-header{margin:0!important}
#content .sp-easy-accordion>.sp-ea-single>.ea-header>a{align-items:center;background:transparent!important;color:#333c4e!important;display:flex;font-size:17px!important;font-weight:600!important;gap:14px;line-height:1.4!important;padding:18px 22px!important;text-decoration:none!important;transition:background .2s,color .2s}
#content .sp-easy-accordion>.sp-ea-single>.ea-header>a:hover{background:#fdf7fa!important;color:#c4668f!important}
#content .sp-easy-accordion>.sp-ea-single>.ea-header>a:focus-visible{outline:3px solid var(--drn-pink,#d27fa4);outline-offset:-3px}
#content .sp-easy-accordion>.sp-ea-single>.ea-header>a[aria-expanded="true"]{background:#fbf2f6!important;color:#c4668f!important}
/* The plugin's fontello glyph out, a chevron in a pink circle in. */
#content .sp-easy-accordion .ea-expand-icon{display:none!important}
#content .sp-easy-accordion>.sp-ea-single>.ea-header>a::before{background:#fbf2f6 url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7.4 9.6 12 14.2l4.6-4.6' fill='none' stroke='%23d27fa4' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/18px no-repeat;border-radius:50%;content:"";flex:none;height:32px;transition:background-color .2s,transform .25s;width:32px}
#content .sp-easy-accordion>.sp-ea-single>.ea-header>a[aria-expanded="true"]::before{transform:rotate(180deg)}
#content .sp-easy-accordion .ea-body{color:#5c6573!important;font-size:16px!important;line-height:1.7!important;padding:0 22px 20px 66px!important}
#content .sp-easy-accordion .ea-body p:last-child,#content .sp-easy-accordion .ea-body ul:last-child{margin-bottom:0}
#content .sp-easy-accordion .ea-body ul{margin:0 0 12px;padding-left:20px}
#content .sp-easy-accordion .ea-body li{margin:0 0 6px}
@media only screen and (max-width:640px){
#content .sp-easy-accordion>.sp-ea-single>.ea-header>a{font-size:15.5px!important;gap:10px;padding:15px 16px!important}
#content .sp-easy-accordion>.sp-ea-single>.ea-header>a::before{height:26px;width:26px}
#content .sp-easy-accordion .ea-body{font-size:15px!important;padding:0 16px 16px 52px!important}
}
@media (prefers-reduced-motion:reduce){#content .sp-easy-accordion>.sp-ea-single,#content .sp-easy-accordion .ea-header>a,#content .sp-easy-accordion .ea-header>a::before{transition:none}}

/* ==========================================================================
 * «Πώς θα φτάσετε στα ιατρεία μας» ([drn_getting_here], inc/travel.php)
 * One panel per practice: its map picture, the address and phone, then metro / bus / airport / car as four blocks with
 * an icon each. Two panels side by side from 1025px, stacked below; the picture sits above the text on phones.
 * ========================================================================== */
.drn-travel{display:grid;gap:26px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:1120px}
.drn-travel__panel{background:#fff;border:1px solid #f0e3ea;border-radius:var(--drn-radius-card,16px);display:flex;flex-direction:column;overflow:hidden}
.drn-travel__picture{background:#f7f5f4;line-height:0}
.drn-travel__map{display:block;height:auto;object-fit:cover;width:100%}
.drn-travel__body{display:flex;flex:1 1 auto;flex-direction:column;padding:24px 26px 26px}
.drn-travel .drn-travel__title{color:#333c4e;font-size:21px;font-weight:700;line-height:1.3;margin:0 0 6px}
.drn-travel .drn-travel__address{color:#5c6573;font-size:15.5px;line-height:1.5;margin:0 0 4px}
.drn-travel .drn-travel__phone{margin:0 0 18px}
.drn-travel .drn-travel__phone a{color:var(--drn-pink,#d27fa4);font-size:16px;font-weight:700;text-decoration:none}
.drn-travel .drn-travel__phone a:hover{color:#c4668f}
.drn-travel__ways{display:grid;gap:16px}
.drn-travel__way{background:#fdf8fa;border-radius:var(--drn-radius-sm,10px);padding:14px 16px}
.drn-travel .drn-travel__way-title{align-items:center;color:#c4668f;display:flex;font-size:13px;font-weight:700;gap:9px;letter-spacing:.1em;margin:0 0 8px;text-transform:uppercase}
.drn-travel__icon{flex:none}
.drn-travel__list{color:#5c6573;font-size:15px;line-height:1.6;list-style:none;margin:0;padding:0}
.drn-travel__list li{padding-left:16px;position:relative}
.drn-travel__list li+li{margin-top:6px}
.drn-travel__list li::before{background:var(--drn-pink,#d27fa4);border-radius:50%;content:"";height:5px;left:0;position:absolute;top:9px;width:5px}
.drn-travel__actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.drn-travel a.drn-travel__btn{align-items:center;background:var(--drn-pink,#d27fa4);border:1px solid var(--drn-pink,#d27fa4);border-radius:var(--drn-radius-pill,999px);color:#fff;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:.06em;min-height:46px;padding:0 22px;text-decoration:none;text-transform:uppercase}
.drn-travel a.drn-travel__btn:hover,.drn-travel a.drn-travel__btn:focus-visible{background:#c4668f;border-color:#c4668f;color:#fff}
.drn-travel a.drn-travel__btn--outline{background:#fff;color:var(--drn-pink,#d27fa4)}
.drn-travel a.drn-travel__btn--outline:hover,.drn-travel a.drn-travel__btn--outline:focus-visible{background:var(--drn-pink,#d27fa4);color:#fff}
@media only screen and (max-width:1024px){.drn-travel{grid-template-columns:1fr;max-width:640px}}
@media only screen and (max-width:640px){
.drn-travel__body{padding:20px 18px 22px}
.drn-travel .drn-travel__title{font-size:19px}
.drn-travel__way{padding:12px 14px}
.drn-travel__list{font-size:14.5px}
.drn-travel a.drn-travel__btn{flex:1 1 auto;font-size:12px;padding:0 14px}
}

/* ==========================================================================
 * «Ασθενής εκτός πόλης» (page 6144, import/contact/edit-ektos-polis.php)
 * The guide's own blocks: a pink eyebrow above each section title, lead paragraphs, and white cards two-up with the
 * lists inside them.
 * ========================================================================== */
.drn-guide .drn-guide__eyebrow{color:#c4668f;font-size:12px;font-weight:700;letter-spacing:.18em;margin:0 0 6px;text-align:center;text-transform:uppercase}
.drn-guide .drn-guide__lead{color:#5c6573;font-size:17px;line-height:1.7;margin:0 auto 14px;max-width:820px;text-align:center}
.drn-guide__card{background:#fff;border:1px solid #f0e3ea;border-radius:var(--drn-radius-card,16px);height:100%;padding:26px 28px}
.drn-guide .drn-guide__card h3{color:#333c4e;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 12px}
.drn-guide .drn-guide__card p{color:#5c6573;font-size:16px;line-height:1.7;margin:0 0 12px}
.drn-guide .drn-guide__card p:last-child,.drn-guide .drn-guide__card ul:last-child{margin-bottom:0}
.drn-guide .drn-guide__card ul{color:#5c6573;font-size:16px;line-height:1.7;list-style:none;margin:0 0 12px;padding:0}
.drn-guide .drn-guide__card li{padding-left:20px;position:relative}
.drn-guide .drn-guide__card li+li{margin-top:8px}
.drn-guide .drn-guide__card li::before{background:var(--drn-pink,#d27fa4);border-radius:50%;content:"";height:6px;left:0;position:absolute;top:10px;width:6px}
.drn-guide .drn-guide__note{color:#8d6d7e;font-size:14.5px;line-height:1.6}
.drn-guide .drn-guide__cta{margin:22px 0 0;text-align:center}
.drn-guide a.drn-guide__btn{align-items:center;background:var(--drn-pink,#d27fa4);border-radius:var(--drn-radius-pill,999px);color:#fff;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;letter-spacing:.06em;min-height:52px;padding:0 34px;text-decoration:none;text-transform:uppercase}
.drn-guide a.drn-guide__btn:hover,.drn-guide a.drn-guide__btn:focus-visible{background:#c4668f;color:#fff}
.drn-guide--here .fusion-column-wrapper{padding:0!important}
@media only screen and (max-width:640px){
.drn-guide .drn-guide__lead{font-size:16px}
.drn-guide__card{padding:20px 18px}
.drn-guide .drn-guide__card h3{font-size:18px}
.drn-guide .drn-guide__card p,.drn-guide .drn-guide__card ul{font-size:15px}
}

/* ==========================================================================
 * «Οι λόγοι» wheel ([drn_wheel], inc/wheel.php, js/wheel.js)
 * The wheel is drawn, not a picture: each sector is an SVG group with its own icon and label, and choosing one shows
 * its explanation below. Without the script every explanation stays visible. Below 860px the wheel steps aside and the
 * same items are read as cards.
 * ========================================================================== */
.drn-wheel{margin:0 auto;max-width:1040px}
.drn-wheel__figure{margin:0 auto;max-width:560px}
.drn-wheel__svg{display:block;height:auto;width:100%}
.drn-wheel__slice{fill:#fbeef4;stroke:#fff;stroke-width:2;transition:fill .2s}
.drn-wheel__sector{cursor:pointer}
.drn-wheel__sector:nth-child(even) .drn-wheel__slice{fill:#f6e2ec}
.drn-wheel__sector:hover .drn-wheel__slice,.drn-wheel__sector:focus-visible .drn-wheel__slice{fill:#eec6da}
.drn-wheel__sector[aria-pressed="true"] .drn-wheel__slice{fill:var(--drn-pink,#d27fa4)}
.drn-wheel__sector:focus{outline:none}
.drn-wheel__sector:focus-visible .drn-wheel__slice{stroke:#333c4e;stroke-width:3}
.drn-wheel__sector-icon{color:#c4668f;transition:color .2s}
.drn-wheel__label{fill:#8d4f72;font-size:10.8px;font-weight:700;letter-spacing:.02em;transition:fill .2s}
.drn-wheel__sector[aria-pressed="true"] .drn-wheel__label{fill:#fff}
.drn-wheel__sector[aria-pressed="true"] .drn-wheel__sector-icon{color:#fff}
.drn-wheel__hub circle{fill:var(--drn-pink,#d27fa4)}
.drn-wheel__hub-count{fill:#fff;font-size:40px;font-weight:700}
.drn-wheel__hub-text{fill:#fff;font-size:12px;font-weight:600;letter-spacing:.06em}
.drn-wheel__panels{margin:24px auto 0;max-width:720px}
.drn-wheel__panel{background:#fff;border:1px solid #f0e3ea;border-radius:var(--drn-radius-card,16px);padding:22px 26px;text-align:center}
.drn-wheel__panel+.drn-wheel__panel{margin-top:12px}
.drn-wheel--live .drn-wheel__panel+.drn-wheel__panel{margin-top:0}
.drn-wheel .drn-wheel__panel-title{color:#333c4e;font-size:19px;font-weight:700;line-height:1.3;margin:0 0 8px}
.drn-wheel .drn-wheel__panel p{color:#5c6573;font-size:16px;line-height:1.7;margin:0}
.drn-wheel__cards{display:none}
.drn-wheel .drn-wheel__note{color:#8d6d7e;font-size:13.5px;line-height:1.6;margin:16px auto 0;max-width:720px;text-align:center}
@media only screen and (max-width:860px){
.drn-wheel__figure,.drn-wheel__panels{display:none}
.drn-wheel__cards{display:grid;gap:12px;list-style:none;margin:0;padding:0}
.drn-wheel__card{align-items:flex-start;background:#fff;border:1px solid #f0e3ea;border-radius:var(--drn-radius-card,16px);display:flex;gap:14px;margin:0;padding:18px}
.drn-wheel__card-icon{align-items:center;background:#fbf2f6;border-radius:var(--drn-radius-sm,10px);color:var(--drn-pink,#d27fa4);display:flex;flex:none;height:44px;justify-content:center;width:44px}
.drn-wheel__card-body strong{color:#333c4e;display:block;font-size:17px;line-height:1.35;margin-bottom:6px}
.drn-wheel .drn-wheel__card-body p{color:#5c6573;font-size:15px;line-height:1.65;margin:0}
}
@media (prefers-reduced-motion:reduce){.drn-wheel__slice,.drn-wheel__label,.drn-wheel__sector-icon{transition:none}}