/* WordPress layer over the mockup stylesheet (assets/site.css, an unchanged copy of the mockup's).
   Only what WordPress adds or changes: the ΕΛ / EN switch is made of links instead of the mockup's buttons, and the
   doctor's photo box holds a real image (replaceable in the media library). The booking page is the mockup's own and sends the request by e-mail. */
.lang a{border:0;background:none;padding:4px 6px;font-size:.78rem;color:var(--mut);letter-spacing:.06em;text-decoration:none}
.lang a.is-on{color:var(--navy);font-weight:700;box-shadow:inset 0 -1.5px 0 var(--navy)}
.bio-card__photo--img{border:0;padding:0;background:none}
.bio-card__photo--img img{width:100%;height:100%;object-fit:cover;display:block}
/* Social rows stay hidden until at least one profile is set in Fixit Theme Options → Social. */
.ftr__social:not(:has(a)),.follow:not(:has(a)){display:none}
/* Phones: the cookie settings shield (cookienotice-wp, fixed bottom-left) sat on the «call» button of the mobile bar
   (.mbar, 64px, fixed bottom under 700px). Lift it above the bar; `body` outranks the plugin's own #id rules. */
@media (max-width:700px){body #cookienotice-reopen-button{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}
/* Cookie banner (cookienotice-wp) in the site's own look: the mockup's cookie card (square 4px corners, navy top
   rule, --sh-lg shadow), site fonts, left-aligned text and the site's button shape. Colours come from the plugin
   options (inline styles), spacing and shape from here; `body` outranks the plugin's own #id rules. */
body #m-cookienotice{font-family:var(--bf)}
body #m-cookienotice.v-popup.v-center{width:min(560px,calc(100% - 32px));border-radius:var(--r);border-top:3px solid var(--navy);box-shadow:var(--sh-lg)}
body #m-cookienotice .inner{gap:14px;padding:28px 32px 26px}
body #m-cookienotice .titlecookie{font-family:var(--hf);font-size:1.4rem;font-weight:700;line-height:1.2}
body #m-cookienotice #message-custom-css{font-size:.95rem;line-height:1.6}
body #m-cookienotice #action-custom-css,body #m-cookienotice #action-settings-css{justify-content:flex-start;gap:10px;margin-top:4px}
body #m-cookienotice .m-button{height:auto;min-width:0;padding:.8em 1.4em;border-radius:var(--r-sm);font-family:var(--bf);font-size:.95rem;font-weight:500;line-height:1.2}
body #m-cookienotice .m-button.m-decline{box-shadow:inset 0 0 0 1.5px var(--navy)}
body #m-cookienotice .m-button.m-settings{padding-left:.7em;padding-right:.7em;text-decoration:underline;text-underline-offset:3px}
body #m-cookienotice .m-button.m-save-choices{background:var(--b);border-color:var(--b);color:#fff}
body #m-cookienotice .m-button.m-save-choices:hover{background:var(--b-d);border-color:var(--b-d)}
body #m-cookienotice .cookie-settings-header{font-family:var(--hf);font-size:1.1rem;color:var(--navy)}
body #m-cookienotice .cookie-menu-item .toggle{padding:12px 14px;border-radius:var(--r-sm);background:var(--paper);border-color:var(--line)}
body #m-cookienotice .cookie-menu-item.active .toggle{background:var(--b-l);border-color:var(--b)}
body #m-cookienotice .cookie-menu-item .toggle>span:first-of-type{font-size:.95rem;color:var(--ink)}
body #m-cookienotice .cookie-menu-item .content{padding:2px 14px 10px;font-size:.88rem;line-height:1.55;color:var(--mut)}
body #m-cookienotice .cookie-settings-option-checkbox:checked+.cookie-settings-option-checkbox-box{background:var(--b);border-color:var(--b-d)}
body #m-cookienotice .cookie-settings-option-always-on{border-radius:var(--r-sm);background:var(--mint-l);color:var(--mint)}
@media (max-width:700px){
  /* Bottom sheet across the full width: the desktop width (100% - 32px) next to the plugin's left:0 left the card
     flush left with a 32px gap on the right (07/11 phone screenshot). */
  body #m-cookienotice.v-popup.v-center{width:100%;border-radius:0}
  body #m-cookienotice .inner{gap:12px;padding:22px 20px calc(18px + env(safe-area-inset-bottom,0px))}
  body #m-cookienotice .titlecookie{font-size:1.25rem}
  body #m-cookienotice .m-button{width:100%;padding:.85em 1em}
}
/* Builder credit «by fixit.gr» in the footer bottom line: same muted tone as the legal links. */
.ftr__bottom>span:first-child a{color:inherit;text-decoration:none}
.ftr__bottom>span:first-child a:hover{color:#fff}
/* Extra service text (div.lav-extra inside the service prose column, added 07/11): headings sized like the article
   headings; the plain .prose h2 is the large section heading of the design. */
.lav-extra h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin-top:1.6em}
.lav-extra h3{font-size:clamp(1.1rem,1.8vw,1.3rem);margin-top:1.4em}
/* Doctor, 07/11: «remove the photos, they are unrelated to the topic». Article hero pictures and the blog card pictures
   are hidden here as well as removed from the content, so a card or article that still carries one stays tidy. Cards
   become text cards: the lead card no longer reserves a column for the missing picture. */
.article__hero,.post__img{display:none}
.post{padding:26px 28px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:border-color .2s}
.post:hover{border-color:var(--b)}
.posts--lead .post:first-child{display:flex;grid-template-columns:none}
/* Legal pages (privacy, terms, cookies): sub-headings at article size, not the design's section-heading size. */
[data-info-body] h2{font-size:clamp(1.3rem,2.2vw,1.7rem);margin-top:1.6em}
[data-info-body] h2:first-child{margin-top:0}
/* Logo: «Γρηγόρης Λαυρεντιάδης» on one line and the four titles on one line under it (the doctor's voice note
   07/11). Where the header is too narrow (under 1100px) the titles wrap to two lines; on phones both shrink so the
   logo stays beside the menu button. Checked at 360/390/1280/1440. */
.logo__txt b{white-space:nowrap}
.logo__txt small{white-space:nowrap;font-size:.66rem;letter-spacing:0}
@media (max-width:1100px){.logo__txt small{white-space:normal;max-width:15rem}}
@media (max-width:420px){.logo__txt b{font-size:1.02rem;letter-spacing:.03em}.logo__txt small{font-size:.62rem;max-width:13.5rem}}
/* Home credentials strip: five items since 07/11 (degree, prosthodontics 2001-2004, oral surgery/implantology/radiology
   2006-2009, Buffalo, AUTh); the design had four columns. Two columns below 1100px stay as designed. */
@media (min-width:1101px){.creds__in{grid-template-columns:repeat(5,1fr)}.cred{padding-inline:20px}}