/*
Theme Name:  Šilumos kūrėjai
Theme URI:   https://silumoskurejai.lt
Description: Blocksy child theme for Šilumos kūrėjai, MB — biofuel shop. Holds
             every site-specific style and template override so the parent theme
             can be updated without losing them.
Author:      Julius Mikelevičius
Author URI:  https://almamaster.lt
Template:    blocksy
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: silumos-kurejai
*/

/* Anything set through the Customizer is stored in the database, not here, so
   reach for a Customizer control first and only fall back to CSS when there
   isn't one. */

/* ----------------------------------------------------------- product images */

/* No movement under the cursor. Blocksy's card hover effect is a 1.1 scale on
   the photo; the zoom lens on the single product gallery is removed in PHP,
   since it is a script rather than a style. */
.product .ct-media-container img,
.woocommerce-loop-product__link img {
	transition: none;
}

.product .ct-media-container.has-hover-effect:hover img,
.product .ct-media-container:hover img {
	transform: none;
}

/* ---------------------------------------------------------------- wpforms */

/* WPForms declares its whole palette as custom properties on :root, so a class
   selector is enough to retune it, and every state — hover, focus ring, checked
   boxes, error text — keeps following the plugin's own rules.

   The form sits on the pale panel of the contact band, so the inputs are white
   to lift off it, with a hairline rather than the default quarter-black border.

   The submit fill reads from -alt with -background-color as its fallback, and
   hover is drawn by laying a 20% black gradient over that same colour, so one
   value covers both states. Its text is the ink, not white: white on #F37021 is
   2.94:1, the ink is 5.69:1, and it matches the site's other buttons. */
.wpforms-container {
	--wpforms-field-background-color: #ffffff;
	--wpforms-field-border-color: rgba(22, 32, 26, 0.12);
	--wpforms-field-border-size: 1px;
	--wpforms-field-border-radius: 2px;
	--wpforms-field-text-color: #16201a;
	--wpforms-field-size-input-height: 54px;
	--wpforms-field-size-padding-h: 18px;
	--wpforms-field-size-font-size: 16px;
	--wpforms-field-size-input-spacing: 26px;
	--wpforms-field-size-sublabel-spacing: 8px;

	--wpforms-label-color: #16201a;
	--wpforms-label-sublabel-color: #4f5a53;
	--wpforms-label-size-font-size: 15px;

	--wpforms-button-background-color: #f37021;
	--wpforms-button-background-color-alt: #f37021;
	--wpforms-button-border-color: #f37021;
	--wpforms-button-text-color: #16201a;
	--wpforms-button-text-color-alt: #16201a;
	--wpforms-button-border-radius: 2px;
	--wpforms-button-size-height: 54px;
	--wpforms-button-size-padding-h: 44px;
	--wpforms-button-size-font-size: 15px;
	--wpforms-button-size-margin-top: 18px;
}

/* The form fills its panel. WPForms wraps it in `margin: 24px auto` with its
   own container padding, and pads every field a further 15px vertically and 1px
   horizontally, so the form sat inset inside a panel that already has 65/80 of
   padding of its own — a box within a box. All of it goes; the panel's padding
   is the only inset that should exist here.

   The between-field rhythm moves to a single bottom margin, so the first label
   lines up with the heading above it and the button sits flush at the end. */
.wpforms-container,
.wpforms-container .wpforms-form,
div.wpforms-container-full,
div.wpforms-container-full:not(:empty) {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
	padding: 0 0 var(--wpforms-field-size-input-spacing);
}

div.wpforms-container-full .wpforms-form .wpforms-field:last-of-type {
	padding-bottom: 0;
}

/* WPForms caps a "medium" field at 60% of the form, which is what left these
   sitting as short stubs under full-width labels. Every input matches the
   textarea, which was never capped and so already ran full width. */
div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
div.wpforms-container-full .wpforms-form select.wpforms-field-medium,
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium,
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium,
div.wpforms-container-full .wpforms-form .wpforms-field-medium {
	max-width: 100%;
}

/* Weight and letter-spacing have no variables. Matching the plugin's own
   selector depth so these don't lose the cascade to its stylesheet. */
div.wpforms-container-full .wpforms-form .wpforms-field-label {
	margin-bottom: 10px;
	font-weight: 600;
}

div.wpforms-container-full .wpforms-form button[type="submit"] {
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

/* Input height doesn't apply to a textarea; give the message room to be a
   message rather than a one-line afterthought. */
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
	height: 170px;
}

/* On a phone the panel is narrow enough that a shrink-to-fit button reads as an
   afterthought next to full-width inputs. */
@media (max-width: 600px) {
	div.wpforms-container-full .wpforms-form button[type="submit"] {
		width: 100%;
	}
}