@font-face {
    font-family: "Inter";
    src: url("../fonts/inter-latin-300-normal.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/inter-latin-700-normal.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

*, *::before, *::after { box-sizing: border-box; }
body { line-height: 1; font-size: 62.5%; }
body, h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, pre { margin: 0; }
ul, ol { padding: 0; list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
button, textarea, select { font: inherit; }

:root {
    --color-brand:       #c77f23;
    --color-brand-dark:  #b36f1a;
    --color-brand-light: #e6a040;
    --color-brand-bg:    #dc8c4f;

    --color-success:     #4caf50;
    --color-success-light: #66bb6a;
    --color-error:       #f44336;
    --color-error-light: #ef5350;

    --color-text:        #333;
    --color-text-muted:  #666;
    --color-text-light:  #777;
    --color-text-pale:   #888;
    --color-text-faint:  #aaa;

    --color-bg:          #f5f5f5;
    --color-bg-white:    #fff;
    --color-border:      #ddd;
    --color-border-light: #eee;

    --font-family:       "Inter", sans-serif;

    --spacing-page:      clamp(0.563rem, -0.9207rem + 6.3307vw, 1.75rem);
}

body {
    font-family: var(--font-family);
    background: var(--color-bg);
}

.hidden { display: none !important; }

@keyframes spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.language-selector {
    position: relative;
    display: inline-block;
}

.language-selector__current {
    display: flex;
    align-items: center;
}

.language-selector__popup {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--color-bg-white);
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 1000;
    min-width: 105px;
    overflow: hidden;
}

.language-selector__popup.show {
    display: block;
}

.language-selector__list {
    list-style: none;
    margin: 0;
    padding: 4px 0;
}

.language-selector__item {
    display: flex;
  align-items: center;
  gap: 0;
  padding: 6px 15px 8px;
  cursor: pointer;
  transition: background-color 0.2s;
  font-size: 15px;
  color: var(--color-text-muted);
}

.language-selector__item:hover {
    background: none;
    color: #c60;
    text-decoration: underline;
}

.language-selector__item img {
    width: 14px;
    height: auto;
    margin-right: 5px;
}

.language-selector__item--active {
    background: none;
    color: #c60;
    text-decoration: underline;
}

.chevron-down svg {
    position: relative;
    width: 24px;
}

.loader-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--color-brand);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 10px;
}