/*
Theme Name: Дружба ТЦ
Theme URI: https://drugba-loyalty.local
Author: Drugba
Description: Чистая кастомная тема для второго сайта (магазин). Шапка — по макету Figma (тёмная, акцент #6bb022).
Version: 1.0.0
Text Domain: druzhba
Tags: custom, e-commerce, dark-header
*/

/* ==========================================================================
   Базовый сброс и переменные темы
   Значения цветов/шрифтов взяты из узла Figma «Шапка» (32:1317)
   ========================================================================== */
:root {
    /* Палитра из макета */
    --bg-dark:        #090909;  /* фон шапки (Rectangle 1) */
    --accent:         #6bb022;  /* зелёный акцент (скидки, CTA, таймер) */
    --text-primary:   #f4f6ef;  /* основной текст на тёмном */
    --text-muted:     #676767;  /* плейсхолдеры, вторичный текст */
    --border-dark:    #373737;  /* обводки кнопок и разделители */
    --divider:        #242424;  /* тонкая линия под верхней навигацией */

    /* Типографика: Myriad Pro из макета */
    --font: "Myriad Pro", "MyriadPro", "Helvetica Neue", Arial, sans-serif;

    /* Геометрия */
    --header-h: 160px;
    --content-max: 1490px;   /* 1920 − боковые поля (логотип 255.. 1665..) */
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
    font-family: var(--font);
    color: var(--text-primary);
    background: #181818;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
ul { margin: 0; padding: 0; list-style: none; }

/* Шрифты Myriad Pro, лежат в assets */
@font-face {
    font-family: "Myriad Pro";
    src: url("assets/MYRIADPRO-REGULAR.OTF") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Myriad Pro";
    src: url("assets/MYRIADPRO-BOLD.OTF") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Myriad Pro";
    src: url("assets/MYRIADPRO-SEMIBOLD.OTF") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Myriad Pro";
    src: url("assets/MyriadPro-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Обёртка контента */
.dru-container {
    width: 100%;
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 20px;
}