/*
 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
*/
/* ============================================================
   KOKOBOOK — KKB-CSS-01
   Stránka objednávky: platební blok
   ------------------------------------------------------------
   ÚČEL: sloučit bankovní údaje a QR platbu do jednoho
   orámovaného bloku, aby byla platba nejvýraznější částí
   stránky. Dnes je to nejdůležitější obsah v nejslabším stylu.

   ZÁVISLOSTI: WooCommerce BACS, WPify Woo QR platba
   NÁVRAT: smazat tento blok CSS
   ============================================================ */

/* Rámeček kolem bankovních údajů — horní část bloku */
.woocommerce-order .woocommerce-bacs-bank-details {
	background: var(--paper-2);
	border: 2px solid var(--ink);
	border-bottom: 0;
	padding: var(--s4) var(--s4) var(--s2);
	margin: var(--s5) 0 0;
}

/* Nadpis "Naše bankovní spojení" */
.woocommerce-order .wc-bacs-bank-details-heading {
	margin: 0 0 var(--s2);
	font-size: 24px;
	line-height: 1.2;
}

/* "Dariusz Gałuszka:" — název účtu, ne nadpis */
.woocommerce-order .wc-bacs-bank-details-account-name {
	margin: 0 0 var(--s2);
	font-size: 16px;
	font-weight: 400;
	color: var(--ink-soft);
}

/* Seznam banka + číslo účtu bez odrážek */
.woocommerce-order ul.wc-bacs-bank-details {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-order ul.wc-bacs-bank-details li {
	margin: 0 0 var(--s1);
	font-size: 17px;
}

/* QR část — dolní část téhož bloku */
.woocommerce-order .wpify-woo-qr-payment {
	background: var(--paper-2);
	border: 2px solid var(--ink);
	border-top: 0;
	padding: var(--s2) var(--s4) var(--s4);
	margin: 0 0 var(--s5);
}

/* Text nad QR kódem */
.woocommerce-order .wpify-woo-qr-payment_title-before {
	margin: 0 0 var(--s2);
}

.woocommerce-order .wpify-woo-qr-payment_title-before p:first-child {
	font-weight: 600;
	font-size: 17px;
	margin: 0 0 var(--s1);
}

/* QR kód — plugin mu vnucuje 120px, zvětšíme */
.woocommerce-order img.wpify-woo-qr-payment_code {
	max-width: 160px !important;
	width: 160px !important;
	height: auto;
	display: block;
	margin: 0 0 var(--s3);
	border: 1px solid var(--line);
	background: #fff;
	padding: var(--s2);
}

/* Texty pod QR — VS, částka, lhůta */
.woocommerce-order .wpify-woo-qr-payment_title-after {
	margin: 0;
}

.woocommerce-order .wpify-woo-qr-payment_title-after p:first-child {
	font-weight: 600;
	font-size: 17px;
	margin: 0 0 var(--s1);
}

@media (max-width: 767px) {
	.woocommerce-order .woocommerce-bacs-bank-details,
	.woocommerce-order .wpify-woo-qr-payment {
		padding-left: var(--s3);
		padding-right: var(--s3);
	}
}
/* ============================================================
   KOKOBOOK — KKB-CSS-02
   Hlášky o úspěchu + zarovnání na stránce objednávky
   ------------------------------------------------------------
   ÚČEL: nahradit výchozí zelenou Bricks paletou KoKoBooku
   a srovnat vycentrovanou větu na stránce objednávky
   se zbytkem obsahu.

   Barvy hlášek Bricks berou z proměnných --bricks-bg-success
   a --bricks-text-success. Předefinováním na :root se změní
   všechny úspěšné hlášky na webu najednou — košík, pokladna,
   uživatelský účet.
   Ověřeno inspektorem 20. 8. 2026.

   Chybové a varovné hlášky (--bricks-bg-error, -warning)
   zůstávají zatím výchozí — doladit, až na ně narazíme.

   ZÁVISLOSTI: Bricks, WooCommerce
   NÁVRAT: smazat tento blok CSS
   ============================================================ */

/* Barvy hlášek — Bricks je definuje ve vrstvě @layer bricks,
   která přebíjí běžnou specificitu. Proto se hodnoty nastavují
   přímo na prvku, ne přes :root. Zjištěno 20. 8. 2026. */
.woocommerce-notices-wrapper .woocommerce-message {
	background-color: var(--paper-2) !important;
	color: var(--ink) !important;
	border: 2px solid var(--ink) !important;
	border-radius: 0;
	margin-top: var(--s4);
	margin-bottom: var(--s2);
}

/* Rámeček kolem hlášky, aby se neztratila na papírovém pozadí */
.woocommerce-notices-wrapper .woocommerce-message {
	border: 2px solid var(--ink);
	border-radius: 0;
}

/* Tlačítko v hlášce — žluté jako zbytek webu, ne bílý text */
.woocommerce-notices-wrapper .woocommerce-message a.button {
	background-color: var(--yellow) !important;
	color: var(--ink) !important;
	border-radius: 0;
}

.woocommerce-notices-wrapper .woocommerce-message a.button:hover {
	background-color: var(--yellow-deep) !important;
	color: var(--ink) !important;
}

/* Věta pod nadpisem na stránce objednávky — zarovnat vlevo */
.woocommerce-order .wc-block-order-confirmation-status p,
.woocommerce-order > p {
	text-align: left;
	color: var(--ink);
}