/*
Theme Name: Fizio Spa
Theme URI: https://www.physiospa.rs/
Author: Digital Rocket
Description: Bespoke WordPress theme for Fizio Spa Zrenjanin — faithful port of the static design. Multilingual (SR/EN/RU/HU/RO) via Polylang. Physical therapy, massage & chiropractic in Zrenjanin.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: fiziospa
*/

/* The real design lives in assets/styles.css, enqueued in functions.php.
   This file is only the WordPress theme manifest + minimal WP-glue overrides. */

/* WordPress admin bar spacing safety */
body.admin-bar .nav { top: 32px; }
@media (max-width: 782px){ body.admin-bar .nav { top: 46px; } }

/* WP core alignment classes so editor content behaves inside the design */
.alignleft{float:left;margin:0 1.25rem 1rem 0}
.alignright{float:right;margin:0 0 1rem 1.25rem}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:.85rem;opacity:.75;margin-top:.4rem}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* ===== Language switcher (Polylang) ===== */
.lang-dd{position:relative;display:flex;align-items:center}
.lang-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:7px 11px;color:inherit;font:inherit;font-size:.8rem;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:border-color .3s,background .3s}
.lang-btn:hover{background:rgba(255,255,255,.12)}
.nav.scrolled .lang-btn,.nav.solid .lang-btn{border-color:rgba(20,40,35,.2)}
.nav.scrolled .lang-btn:hover,.nav.solid .lang-btn:hover{background:var(--c-brand-pale)}
.lang-btn .globe{width:15px;height:15px}
.lang-btn .chev{width:11px;height:11px;transition:transform .25s}
.lang-dd.open .lang-btn .chev,.lang-dd:hover .lang-btn .chev{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:176px;background:#fff;border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.16);padding:8px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:130}
.lang-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.lang-dd:hover .lang-menu,.lang-dd:focus-within .lang-menu,.lang-dd.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-menu a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;color:var(--c-ink-2);font-size:.92rem;font-weight:500;letter-spacing:0;text-decoration:none}
.lang-menu a .lc{min-width:24px;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--c-brand)}
.lang-menu a:hover{background:var(--c-brand-pale);color:var(--c-ink)}
.lang-menu a.active{background:var(--c-brand-pale);color:var(--c-brand);font-weight:600}
.mm-lang{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.mobile-menu .mm-lang a{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:9px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-family:var(--font-body);font-size:.85rem;font-weight:700;letter-spacing:.08em;color:#fff;opacity:1}
.mobile-menu .mm-lang a .ln{display:none}
.mobile-menu .mm-lang a.active{background:#fff;color:var(--c-brand-2);border-color:#fff}
/* Longer menu labels in EN/RU/HU/RO: tighten the desktop nav before it crowds */
@media(min-width:1181px) and (max-width:1440px){
  html:not([lang^="sr"]) .nav-links{gap:22px}
  html:not([lang^="sr"]) .nav-links a.nlink,html:not([lang^="sr"]) .nav-links button.nlink{font-size:.9rem}
  html:not([lang^="sr"]) .nav-right{gap:14px}
}
@media(min-width:1025px) and (max-width:1180px){
  html:not([lang^="sr"]) .nav-links{gap:14px}
  html:not([lang^="sr"]) .nav-links a.nlink,html:not([lang^="sr"]) .nav-links button.nlink{font-size:.8rem}
  html:not([lang^="sr"]) .lang-btn{padding:6px 9px}
}
/* Blog posts written as editor blocks */
.article figure{margin:0}
.article figure.wp-block-image img{margin:32px 0}
.article .wp-block-list{margin:0 0 24px 22px}
.article .wp-block-quote{border-left:3px solid var(--c-brand);padding:6px 0 6px 24px;margin:32px 0}
.article .wp-block-quote p{font-family:var(--font-display);font-size:1.4rem;font-style:italic;color:var(--c-brand);margin:0}