/*
Theme Name:   MojaKabina (Blocksy Child)
Theme URI:    https://mojakabina.rs
Description:  Child tema za MojaKabina.rs na osnovu Blocksy teme. Lokalni Montserrat font i prilagođavanja za WooCommerce.
Author:       Oktion DOO
Template:     blocksy
Version:      1.0.2
Text Domain:  mojakabina-child
*/

/* ------------------------------------------------------------
   Font: Montserrat sa sopstvenog servera (latinica + č ć đ š ž)
   ------------------------------------------------------------ */
@font-face {
	font-family: 'Montserrat';
	src: url('fonts/montserrat-latin-ext.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--mk-teget: #072B4E;
	--mk-narandzasta: #FD6608;
	--mk-narandzasta-tamna: #C2490A;
	--mk-tekst: #1A2230;
	--mk-sporedni: #4A5568;
	--mk-ivica: #DCE3EC;
	--mk-podloga: #F4F6F9;

	--mk-font: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Isti font na celom sajtu, bez obzira na izbor u Customizer-u */
body,
h1, h2, h3, h4, h5, h6,
button, input, select, textarea,
.ct-button, .button, .wp-element-button {
	font-family: var(--mk-font) !important;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--mk-teget);
	font-weight: 800;
	letter-spacing: -0.01em;
}

/* ------------------------------------------------------------
   Dugmad: tamnija narandžasta zbog kontrasta belog teksta (4,9:1)
   ------------------------------------------------------------ */
.button,
.wp-element-button,
button[type="submit"],
.single_add_to_cart_button,
.wc-block-components-button:not(.is-link) {
	border-radius: 10px;
	font-weight: 700;
	min-height: 48px;
}

/* ------------------------------------------------------------
   WooCommerce: stranica proizvoda
   ------------------------------------------------------------ */

/* Napomena o proveri dimenzije (dodaje je functions.php) */
.mk-provera-dimenzije {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin: 0 0 18px;
	padding: 12px 14px;
	border-radius: 10px;
	background: var(--mk-podloga);
	border: 1px solid var(--mk-ivica);
	color: var(--mk-tekst);
	font-size: 15px;
	line-height: 1.45;
}
.mk-provera-dimenzije strong {
	color: var(--mk-teget);
}
.mk-provera-dimenzije svg {
	flex: 0 0 20px;
	margin-top: 2px;
}

/* Oznaka namene na kartici i stranici proizvoda (ZA KAMIONE / ZA KOMBI VOZILA) */
.mk-namena {
	display: inline-block;
	margin: 0 0 8px;
	padding: 4px 10px;
	border-radius: 6px;
	background: var(--mk-teget);
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Cena: jasno i dovoljno krupno na telefonu */
.single-product .summary .price {
	color: var(--mk-teget);
	font-weight: 800;
}