/*
Theme Name: Waya
Theme URI: https://yourdomain.com/
Author: Your Name
Author URI: https://yourdomain.com/
Description: Сучасна FSE-блокова тема для WordPress, кастомізована, легка та швидка.
Requires at least: 6.2
Tested up to: 6.5
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: waya
Tags: full-site-editing, block-patterns, one-column, dark-mode, custom-logo, custom-colors
*/

html.waya-dark {
    --wp--preset--color--background: #121212 !important;
    --wp--preset--color--foreground: #ffffff !important;
    background: #121212 !important;
    color: #fff !important;
}

html.waya-dark body,
html.waya-dark .editor-styles-wrapper {
    background: var(--wp--preset--color--background) !important;
    color: var(--wp--preset--color--foreground) !important;
}

/* Основні блоки */
html.waya-dark .wp-block-group,
html.waya-dark .wp-block-cover,
html.waya-dark .wp-block-site-title,
html.waya-dark .wp-block-site-tagline,
html.waya-dark .wp-block-navigation a {
    background: transparent !important;
    color: var(--wp--preset--color--foreground) !important;
}

/* Кнопки */
html.waya-dark .wp-block-button__link {
    background: #222 !important;
    color: #fff !important;
    border-color: #fff !important;
}

/* Додатково */
html.waya-dark a { color: #ffd600; }
html.waya-dark .wp-block-group { background: #222 !important; }
html.waya-dark .wp-block-cover { background: #181818 !important; }
html.waya-dark .wp-block-site-title, 
html.waya-dark .wp-block-site-tagline { color: #fff !important; }
html.waya-dark .wp-block-navigation a { color: #fff !important; }


html.waya-dark .wp-block-navigation__responsive-container,
html.waya-dark .wp-block-navigation__responsive-dialog,
html.waya-dark .wp-block-navigation__container {
    background: #222 !important;
    color: #fff !important;
}
html.waya-dark .wp-block-navigation__responsive-container a,
html.waya-dark .wp-block-navigation__responsive-dialog a {
    color: #fff !important;
}
html.waya-dark .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
    background: #181818 !important;
    color: #fff !important;
}

/* Відступ кнопки "закрити" справа */
.wp-block-navigation__responsive-container-close {
    position: fixed !important;
    top: 32px;      /* або інше значення для твоєї теми */
    right: 24px;    /* відступ від правого краю */
    z-index: 10011;
    background: transparent !important;
    border: none !important;
    color: inherit;
    width: 30px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

/* Для темної теми: колір хрестика */
html.waya-dark .wp-block-navigation__responsive-container-close {
    color: #ffd600 !important;
}

/* Якщо потрібно — лівий відступ замість правого (наприклад, якщо hamburger зліва): */
/*
.wp-block-navigation__responsive-container-close {
    left: 24px;
    right: auto;
}
*/


.wp-block-navigation__responsive-dialog[aria-modal="true"] {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 90vh;
}



.waya-svg-logo {
  color: #111;         /* Чорний для світлої теми */
  max-height: 56px;
  width: auto;
  display: inline-block;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: auto;
  transition: color 0.2s;
}
html.waya-dark .waya-svg-logo {
  color: #fff;         /* Білий для темної теми */
}
.waya-site-logo-link { cursor: pointer; }