/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ================================================================
   Cayano Pro — @font-face (self-hosted)
   ================================================================ */

@font-face {
  font-family: 'Cayano Pro';
  src: url('./fonts/cayano-Regular.otf') format('opentype'),
       url('./fonts/cayano-Regular.ttf') format('truetype');
  font-weight: 100 400;
  font-style: normal;
  font-display: swap;
}

/* ================================================================
   OmniaDrink — Global Base CSS  |  Style Guide v1.1
   Brand: Raleway Black + Cayano Pro Thin
   Barve iz CGP: #333132 | #F5F1E0 | #B42932 | #2F4263
   Tokeni: theme.json (--wp--custom--*) + Bricks Variables (--color-*, --text-*, ...)
   ================================================================ */

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

body {
  font-family: 'Raleway', ui-sans-serif, system-ui, sans-serif;
  background-color: var(--color-surface, #FDFCF7);
  color: var(--color-text-base, #333132);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, video { max-width: 100%; height: auto; display: block; }
html { scroll-behavior: smooth; }

/* Headings — Raleway Black + brand letter-spacing */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', ui-sans-serif, system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: var(--tracking-heading, 0.08em);
  color: var(--color-text-base, #333132);
}

/* Brand label utility (uppercase + wide spacing, Cayano Pro style) */
.brand-label {
  font-family: 'Cayano Pro', 'Raleway', sans-serif;
  font-weight: 100;
  letter-spacing: var(--tracking-label, 0.35em);
  text-transform: uppercase;
  font-size: 0.8rem;
}

/* Links */
a { color: var(--color-brand-red, #B42932); text-decoration: none; }
a:hover { color: var(--color-brand-red-dark, #8E1F26); }

/* Buttons — brand dark z kremno barvo */
.wp-element-button,
.wp-block-button__link {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  transition: background-color 200ms ease, opacity 200ms ease, transform 150ms ease !important;
  cursor: pointer;
}
.wp-element-button:hover,
.wp-block-button__link:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

/* Gutenberg full-align — Bricks ga ureja z left:50%; margin-left:-50vw
   NE OVERRIDAJ teh margin vrednosti! */
article.wordpress {
  overflow: visible !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Skrij Bricks auto-naslov na Gutenberg straneh */
article.wordpress > h1:first-child {
  display: none !important;
}

/* Popravi parent flex container da ne reže alignfull blokov */
#brx-content {
  overflow: visible !important;
}

/* Utility */
.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* Responsive */
@media (max-width: 768px) {
  h1 { font-size: clamp(1.75rem, 6vw, 2.5rem) !important; }
  h2 { font-size: clamp(1.5rem, 5vw, 2rem) !important; }
  .wp-block-columns { flex-direction: column !important; }
}