/*
Theme Name: GLANYA Brush Filaments Blocks
Theme URI: https://www.glanyabrush.com
Author: GLANYA
Description: Editable block theme for the GLANYA brush filament B2B website.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: glanya-block
*/

:root {
  --glanya-ink: #182b2b;
  --glanya-muted: #64746e;
  --glanya-paper: #f5f7f4;
  --glanya-surface: #e6eee7;
  --glanya-green: #126b58;
  --glanya-lime: #c8ee84;
  --glanya-line: #dfe6e1;
}

body { margin: 0; background: var(--glanya-paper); color: var(--glanya-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.wp-site-blocks { overflow: hidden; }
.glanya-topline { background: var(--glanya-ink); color: #e5eee8; font-size: 11px; letter-spacing: .04em; padding: 9px 24px; }
.glanya-header { background: #fff; border-bottom: 1px solid var(--glanya-line); position: sticky; top: 0; z-index: 10; }
.glanya-header .wp-block-site-title a { text-decoration: none; }
.glanya-header .wp-block-navigation-item__content { text-decoration: none; font-size: 14px; }
.glanya-header .wp-block-navigation-item__content:hover { color: var(--glanya-green); }
.glanya-mark { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--glanya-green); color: #fff; font-weight: 800; margin-right: 8px; }
.glanya-button a, .glanya-button { background: var(--glanya-green) !important; color: #fff !important; border-radius: 4px; padding: 11px 17px !important; text-decoration: none; font-weight: 700; }
.glanya-hero { background: var(--glanya-surface); border-radius: 5px; overflow: hidden; }
.glanya-hero h1 { font-size: clamp(36px, 5vw, 60px); line-height: 1.05; letter-spacing: -.02em; margin: 12px 0 18px; }
.glanya-eyebrow { color: var(--glanya-green); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.glanya-hero-image img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; }
.glanya-card { background: #fff; border: 1px solid var(--glanya-line); border-radius: 4px; overflow: hidden; }
.glanya-card img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.glanya-card > .wp-block-group { padding: 20px; }
.glanya-card h3 { margin-top: 5px; }
.glanya-trust { background: #fff; border: 1px solid var(--glanya-line); }
.glanya-trust > .wp-block-column { padding: 20px; border-right: 1px solid var(--glanya-line); }
.glanya-trust > .wp-block-column:last-child { border-right: 0; }
.glanya-section-title { font-size: clamp(28px, 4vw, 42px); line-height: 1.12; margin: 8px 0 12px; }
.glanya-process-number { color: var(--glanya-green); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.glanya-cta { background: var(--glanya-ink); color: #fff; }
.glanya-cta .glanya-button a { background: var(--glanya-lime) !important; color: var(--glanya-ink) !important; }
.glanya-footer { background: var(--glanya-ink); color: #fff; }
.glanya-footer a { color: #d7e4dc; }
.glanya-footer .wp-block-site-title a { color: #fff; text-decoration: none; }
.glanya-muted { color: var(--glanya-muted); }
@media (max-width: 781px) {
  .glanya-topline { padding: 8px 16px; font-size: 10px; }
  .glanya-header { position: static; }
  .glanya-hero-image img { min-height: 260px; }
  .glanya-trust > .wp-block-column { border-right: 0; border-bottom: 1px solid var(--glanya-line); }
  .glanya-trust > .wp-block-column:last-child { border-bottom: 0; }
}