/* ================================
   Global variables and safe defaults
   ================================ */

:root{
  --bp-tablet: 1024px;

  --hdr-max: var(--wp--style--global--wide-size);

  /* padding до красной рамки (края .hdr-topbar) */
  /*--pad-y-desktop: 14px;*/
  --pad-x-desktop: 28px;

  --pad-y-mobile: 10px;
  --pad-x-mobile: 14px;

  --minh-mobile: 34px;
  --topbar-h-desktop: 64px;
  --topbar-h-mobile: 34px;

  --topbar-h-desktop: 64px;
  --topbar-h-mobile: 56px;
  --pad-x-mobile: 14px;

  /* Topbar paddings — отдельно слева/справа */
  --pad-y-desktop: 14px;
  --pad-l-desktop: 0px;
  --pad-r-desktop: 0px;

  --pad-y-mobile: 10px;
  --pad-l-mobile: 14px;
  --pad-r-mobile: 0px; /* <-- это и есть ваш "отступ справа от бургера" */

  --contact-gap-desktop: 36px;  /* между контактами в десктопе */
  --contact-gap-mobile: 30px;   /* между иконками контактов в мобиле */
  --burger-gap-mobile: 22px;    /* расстояние между контактами и бургером */

  --icon-size-desktop: 22px;
  --icon-size-mobile: 12px;

  /* размер круглого лого в мобиле */
  --logo-mobile-size: 32px;

  --flag-size: 28px;
  --flag-gap: 16px;

  --sticky-shadow: 0 8px 20px rgba(0,0,0,.06);

  --nav-gap: 10px;
  --navrow-pad-bottom: 00px;

  --panel-overlay: rgba(0,0,0,0.18);
  --panel-bg: rgba(255,255,255,0.92);
  --panel-blur: 6px;
  --panel-w: min(360px, 72vw);
  --panel-pad-top: 64px;
  --panel-pad-x: 18px;
  --panel-pad-bottom: 26px;

  --svc-card: 62px;
  --svc-card-desktop: 100px;
  --svc-gap: 5px;
  --svc-active: rgba(0,120,255,.85);

  --frame-max: 1140px;

  /* Gap between logo and language dropdown (inside Row) */
  --gap-logo-lang-desktop: 12px;
  --gap-logo-lang-mobile: 20px;

  /* Services label (Meie teenused) near carousel */
  --svc-label-rail: 34px;     /* сколько места резервируем слева под вертикальную надпись */
  --svc-label-gap: 10px;      /* зазор между надписью и каруселью */
  --svc-label-size: 14px;     /* размер шрифта */
  --svc-label-weight: 800;    /* жирность */
  --svc-label-letter: 0.04em; /* межбуквенное */


    /* Services carousel full-width bar */
  --svcbar-bg: rgba(255,255,255,.82);
  --svcbar-blur: 6px;
  --svcbar-shadow: 0 10px 24px rgba(0,0,0,.06);

  --svcbar-pad-y: 10px;
  --svcbar-pad-x: 16px;

  --svcbar-radius: 18px;     /* скругление снизу */

  /* Cards */
  --svc-card-radius: 12px;
  --svc-card-gap: 10px;      /* расстояние между карточками */
  --svc-card-minw: 86px;     /* минимальная ширина карточки */

  /* Active state */
  --svc-active-outline: rgba(0,120,255,.85);
  --svc-active-outline-w: 2px;
  --svc-active-outline-offset: 2px;
  --svc-active: #c64e46;
  --svc-active-w: 1px;

  --svc-scrollbar-h: 2px;
  --svc-scrollbar-gap: 10px;
  --svc-scrollbar-thumb: rgba(0,0,0,.28);

}



:root{
  --frame-max: 1140px; /* Desktops */
}

/* Laptops */
@media (max-width: 1199px){
  :root{ --frame-max: 940px; }
}

/* Tablets */
@media (max-width: 991px){
  :root{ --frame-max: 720px; }
}

/* Landscape phones */
@media (max-width: 767px){
  :root{ --frame-max: 540px; }
}

/* Portrait phones */
@media (max-width: 575px){
  :root{ --frame-max: 340px; }
}

*{ box-sizing:border-box; }

html, body{
  overflow-x: hidden;
}




/*TEST DEBUG */
 /*  .hdr-topbar{ outline: 3px solid red !important; } */
/*TEST DEBUG */