/*
 Theme Name:   Fungiline - Child
 Description:  Fungiline Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ==== Header bottom → CTA pill ==== */
.fungi-header-cta-wrap{position: relative;width: 100%;height: 42px;overflow: visible;}
.fungi-header-cta{--cta-x: 0px;position: absolute;top: 50%; left: 0;transform: translate(calc(var(--cta-x)), -50%);will-change: transform;
  display: inline-flex; align-items: center; gap: 20px;padding: 10px 16px 10px 12px;border-radius: 999px;background:linear-gradient(90.08deg, #E39751 -4.28%, #F97878 97.12%); color:#fff !important; text-decoration:none;box-shadow: 0 2px 10px rgba(0,0,0,.15);white-space: nowrap;}
.fungi-header-cta__icon{display:inline-flex; justify-content:center; align-items:center;width:30px; height:30px; flex:0 0 30px; border:1px solid rgba(255,255,255,.6);border-radius:999px; color:#fff;}
.fungi-header-cta:hover{ box-shadow:0 6px 20px rgba(0,0,0,.18); }
.fungi-header-cta:hover .fungi-header-cta__icon{ border-color:#fff; }


/* ===== Fungi CTA: мобильное выравнивание по центру ===== */
@media (max-width: 992px){
  .fungi-header-cta-wrap{position:relative;display:flex;justify-content:center;}
  .fungi-header-cta{position:static !important;transform:none !important; width: 100%;}
  .fungi-header-cta__icon{position:relative;width:auto;line-height:0;color:#fff !important;z-index:1;overflow:visible !important;}
  .fungi-header-cta__icon::before{ z-index:0 !important; }
  .fungi-header-cta__icon::after{content:"";position:absolute;left:50%; top:50%;width:14px; height:11px;transform:translate(-50%,-50%);z-index:2;
    pointer-events:none; background: no-repeat center/contain url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'>\
<path d='M0 5.5H14M14 5.5L8 0M14 5.5L8 11' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
  }
  .fungi-header-cta__icon svg{display:block !important; opacity:1 !important; z-index:1; position:relative}
  .fungi-header-cta__icon svg path{stroke:#fff !important; fill:none !important}
}
 .logo-txt {text-transform: uppercase;letter-spacing: 0.02em;color: #000;display: inline-block;padding-inline: 0px;padding-top: 4px;font-weight: 400;
    font-family: graphik lcg, sans-serif !important;line-height: 1.2;font-size: 10px;}
 .logo-txt-footer {text-transform: uppercase;letter-spacing: 0.02em;color: #fff;margin-left: -15px;display: inline-block;
	padding-inline: 0px;padding-top: 5px;font-weight: 400;font-family: graphik lcg, sans-serif !important;line-height: 1.2;font-size: 8px;}

/* ===== Офисы (М + станция в строке, снизу адрес) ===== */
.footer-offices-simple{
  --text:  #F1F3F1;   /* адрес (основной текст) */
  --meta:  #C2C9C5;   /* подписи станций */
  --link:  #F1F3F1;   /* цвет ссылки (адреса) */
  --hover: #FFFFFF;   /* ховер адреса */
  --gap:   5px;      /* расстояние между офисами */
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

.footer-offices-simple .office-item{display: block;padding: 5px 0;}
.footer-offices-simple .office-item + .office-item{margin-top: var(--gap);}
.footer-offices-simple .office-head{display: inline-flex;align-items: center;gap: 5px;margin-bottom: 5px;}
.footer-offices-simple .metro-bullet{width: clamp(10px, 2.8vw + 10px, 18px);height: clamp(10px, 2.8vw + 10px, 18px);border-radius: 50%;
display: grid; place-items: center; color:#fff;font-weight: 800;font-size: clamp(6px, 1.1vw + 6px, 10px);line-height: 1;user-select: none;}

/* Цвета «линий» метро */
.mline--red    { background:#E53935; }
.mline--orange { background:#F57C00; }
.mline--green  { background:#2E7D32; }
.mline--blue   { background:#1E88E5; }
.mline--gray   { background:#9E9E9E; }

/* Подпись станции */
.footer-offices-simple .station{color: var(--meta);font-weight: 700;font-size: clamp(8px, 1.2vw + 6px, 14px);letter-spacing:.2px;}
.footer-offices-simple .address a{display:inline-block;color: var(--link);text-decoration: none;font-weight: 800;font-size: clamp(10px, 2.2vw + 8px, 12px);line-height: 1.22;letter-spacing:.2px;}
.footer-offices-simple .address:hover{color: var(--hover);text-decoration: underline;}
.footer-offices-simple .address--more{font-weight: 800;text-decoration: underline;}
@media (max-width:420px){.footer-offices-simple{ --gap:18px; }.footer-offices-simple .office-head{ gap:10px; }}