/*
Theme Name: Bradić Barber Shop
Theme URI: https://bradic.rs/
Author: Bradić Barber Shop
Author URI: https://bradic.rs/
Description: Custom WordPress tema za Bradić Barber Shop — jednostranični (one-page) sajt sa uslugama, cenama, galerijom i lokacijom. Generisano na osnovu originalnog dizajna.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bradic
*/

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&display=swap');

html { scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--bradic-bg);
	color: var(--bradic-text);
	font-family: Archivo, system-ui, sans-serif;
	-webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
img { max-width: 100%; }
a { color: var(--bradic-accent); text-decoration: none; }
a:hover { color: var(--bradic-ink); }
::selection { background: var(--bradic-sand); }
:focus-visible { outline: 2px solid var(--bradic-accent); outline-offset: 2px; }

.screen-reader-text {
	position: absolute !important;
	height: 1px; width: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
	white-space: nowrap;
}
.skip-link.screen-reader-text:focus {
	position: fixed !important;
	top: 8px; left: 8px;
	width: auto; height: auto;
	clip: auto;
	background: var(--bradic-ink);
	color: var(--bradic-bg);
	padding: 12px 18px;
	z-index: 999;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.08em;
}

/* nav link hover states (inline "style-hover" from the original design mock,
   re-implemented as real CSS since browsers don't support that attribute) */
.bradic-nav a { color: var(--bradic-ink); transition: color .15s ease; }
.bradic-nav a:hover { color: var(--bradic-accent); }

.bradic-btn-fill { background:var(--bradic-ink); color:var(--bradic-bg); transition: background .15s ease; }
.bradic-btn-fill:hover { background:var(--bradic-accent); color:var(--bradic-bg); }

.bradic-btn-accent { background:var(--bradic-accent); color:var(--bradic-bg); transition: background .15s ease; }
.bradic-btn-accent:hover { background:var(--bradic-ink); color:var(--bradic-bg); }

.bradic-btn-outline { border:2px solid var(--bradic-ink); color:var(--bradic-ink); transition: background .15s ease, color .15s ease; }
.bradic-btn-outline:hover { background:var(--bradic-ink); color:var(--bradic-sand); }

.bradic-phone-link { color:var(--bradic-ink); border-bottom:2px solid var(--bradic-sand); transition: border-color .15s ease, color .15s ease; }
.bradic-phone-link:hover { border-bottom-color:var(--bradic-accent); color:var(--bradic-accent); }

.bradic-row-hover { transition: background .15s ease; }
.bradic-row-hover:hover { background:var(--bradic-sand2); }

.bradic-footer-link { color:var(--bradic-sand); transition: color .15s ease; }
.bradic-footer-link:hover { color:var(--bradic-bg); }

/* generic content page (legal pages etc.) */
.bradic-page-content { max-width: 860px; margin: 0 auto; padding: 88px 24px; line-height: 1.7; }
.bradic-page-content h1 { font-size: clamp(30px,3.6vw,48px); letter-spacing: -0.03em; line-height: 1.05; }
.bradic-page-content h2 { font-size: 1.5em; letter-spacing: -0.02em; margin-top: 2em; }