/*
 Theme Name:    Electro Child
 Theme URI:     https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
 Description:   This is the child theme of Electro
 Author:        MadrasThemes
 Author URI:    https://madrasthemes.com/
 Template:      electro
 Version:       3.6.9
 License:       GNU General Public License v2 or later
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:   electro-child
*/

/* Full-bleed sections (hero, featured band) use 50%-50vw negative margins
   (see agr-home.css) that overshoot by half a scrollbar width in browsers
   with classic scrollbars — clip instead of scrolling. `clip` (unlike
   `hidden`) creates no scroll container, so position:sticky keeps working. */
body { overflow-x: clip; }

/* Gutenberg/WooCommerce-blocks buttons (cart "Continuă cu finalizarea
   comenzii", checkout place-order, empty-cart product buttons): core ships
   them as dark-gray squares (#32373c, radius 0) and Electro only themes its
   classic markup — re-skin the whole wp-element-button family as the theme's
   accent pill. Quantity +/- keep their compact look. */
.wp-element-button:not(.wc-block-components-quantity-selector__button),
.wc-block-components-button:not(.wc-block-components-quantity-selector__button),
.wc-block-grid__product .wp-block-button__link {
	background-color: #b03a2e;
	color: #fff;
	border: 0;
	border-radius: 1.375rem;
	font-weight: 600;
	transition: background-color .15s ease-in-out;
}
.wp-element-button:not(.wc-block-components-quantity-selector__button):hover,
.wp-element-button:not(.wc-block-components-quantity-selector__button):focus,
.wc-block-components-button:not(.wc-block-components-quantity-selector__button):hover,
.wc-block-components-button:not(.wc-block-components-quantity-selector__button):focus,
.wc-block-grid__product .wp-block-button__link:hover,
.wc-block-grid__product .wp-block-button__link:focus {
	background-color: #8f2f25;
	color: #fff;
}
.wp-element-button:disabled,
.single_add_to_cart_button.disabled,
.single_add_to_cart_button:disabled {
	background: #cfd4d9 !important;
	border-color: #cfd4d9 !important;
	color: #6a737c !important;
	opacity: 1 !important;
	cursor: not-allowed;
}

/* Form-control focus: Electro leaves Bootstrap's YELLOW primary focus tokens
   (#fed700 ring — visible in Firefox on the PDP variation dropdown; the Redux
   custom-color system never re-tints them) — repaint focus states and native
   widget accents in the brand color. */
:root { accent-color: #b03a2e; }
select:focus, select:focus-visible,
.form-select:focus, .form-control:focus,
.input-text:focus, input[type="tel"]:focus,
.qty:focus {
	border-color: rgba(176, 58, 46, .45) !important;
	box-shadow: 0 0 0 .2rem rgba(176, 58, 46, .12) !important;
	outline: none !important;
}

/* Footer link columns (our custom_html widgets) — no raw list bullets */
.footer-widgets .widget ul { list-style: none; margin-left: 0; padding-left: 0; }

/* Owl-carousel stage: owl sizes the stage by summing fractional item widths;
   Firefox's float rounding can make the items exceed the stage by a sub-pixel
   and the LAST item float-wraps below the first ("second row" bug, persistent
   across resizes; Chrome rounds differently and never shows it). Flex layout
   keeps the items on one line regardless of rounding. */
.owl-carousel .owl-stage { display: flex; }
.owl-carousel .owl-stage .owl-item { flex: 0 0 auto; float: none; }

/* Product card titles: Electro ships them in its demo blue (#0062bd), the
   only blue left on our red/dark palette (the Redux custom-color system only
   swaps the yellow primary) — re-tint to ink, brand accent on hover. */
.woocommerce-loop-product__title { color: #333e48; }
a:hover .woocommerce-loop-product__title,
.woocommerce-loop-product__title:hover { color: #b03a2e; }

/* Footer newsletter: marketing text on its own line (Electro inlines it next to
   the title, which wraps awkwardly with our longer Romanian copy). */
.footer-newsletter .newsletter-marketing-text {
	display: block;
	margin-top: 6px;
}

/* CF7 forms site-wide (contact, cerere-oferta, partener-b2b, garduri-la-comanda
   pages + the homepage quote band).
   1) Electro's input skin covers text/email/etc but NOT type=tel — the Telefon
      field rendered as a bare browser default box.
   2) Standalone pages dropped the form at full container width (~1000px+) —
      constrain to the same 720px column as the homepage band.
   3) The CF7 acceptance checkbox disables the submit until checked; Electro's
      translucent disabled look reads as "broken pink button" — make the state
      explicit instead. */
/* mirror of the theme's .form-control skin (electro/style.css input group) */
input[type="tel"]:not(.form-control) {
	display: block;
	width: 100%;
	padding: 0.594rem 1rem;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.714;
	color: #333e48;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ddd;
	appearance: none;
	border-radius: 1.375rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page .entry-content .wpcf7 { max-width: 720px; }
.wpcf7 input[type="submit"]:disabled {
	background: #cfd4d9;
	border-color: #cfd4d9;
	color: #6a737c;
	cursor: not-allowed;
	opacity: 1;
}