/* Garage Trotinetes — identidade escura com laranja de acção */

:root {
	--gt-laranja: #ff7900;
	--gt-laranja-hover: #e96500;
	--gt-preto: #080808;
	--gt-grafite: #171717;
	--gt-grafite-claro: #1f1f1f;
	--gt-borda: #2b2b2b;
	--gt-cinza: #b8b8b8;
	--gt-branco: #ffffff;
}

body,
body[data-mode="dark"],
body[data-mode="light"] {
	--et_active-color: var(--gt-laranja);
	--et_main-color: var(--gt-laranja);
	--et_font-color: var(--gt-cinza);
	--et_dark-2-main: var(--gt-cinza);
	--et_white-2-dark: var(--gt-grafite);
	--et_dark-2-light-dark: var(--gt-grafite);
	--et_white-2-light-dark: var(--gt-grafite);
	--et_light-color: var(--gt-grafite);
	--et_container-bg-color: var(--gt-preto);
	--et_border-color: var(--gt-borda);
	--headings-color: var(--gt-branco);
	--et_btn-bg-color: var(--gt-laranja);
	--et_btn-color: var(--gt-preto);
	--et_btn-br-color: var(--gt-laranja);
	--et_btn-bg-color-hover: var(--gt-laranja-hover);
	--et_btn-color-hover: var(--gt-preto);
	--et_btn-br-color-hover: var(--gt-laranja-hover);
	--et_btn-dark-bg-color: var(--gt-laranja);
	--et_btn-dark-color: var(--gt-preto);
	--et_btn-dark-br-color: var(--gt-laranja);
	--et_btn-dark-bg-color-hover: var(--gt-laranja-hover);
	--et_btn-dark-color-hover: var(--gt-preto);
	--et_notice-bg-color: var(--gt-grafite);
	--et_info-bg-color: var(--gt-grafite);
	--et_error-bg-color: var(--gt-grafite);
	--et_loader-br-color: var(--gt-borda);
	--et_browser-bar-color: var(--gt-preto);
	--wc-form-color-text: var(--gt-branco);
	color-scheme: dark;
}

body,
.template-container,
.page-wrapper,
.site-content,
.main-page-wrapper {
	background-color: var(--gt-preto);
}

h1,
h2,
h3,
h4,
h5,
h6,
.product_title,
.widget-title,
.woocommerce-loop-product__title {
	color: var(--gt-branco);
}

a:hover,
.entry-content a:hover {
	color: var(--gt-laranja);
}

/* ------------------------------------------------------------- cartões */

.content-product,
.etheme-product-grid-item,
.swiper-container .content-product,
ul.products li.product .content-product,
.woocommerce-checkout-review-order,
.cart-totals-wrapper,
.cart_totals,
.woocommerce-order-details,
.woocommerce-customer-details,
.et-mini-content,
.autocomplete-suggestions,
.sidebar-widget,
.widget_shopping_cart_content,
.etheme-icon-box,
.comment-respond,
.woocommerce-tabs .panel,
.et-wishlist-widget,
.et-content-dropdown {
	background-color: var(--gt-grafite);
	border-color: var(--gt-borda);
	color: var(--gt-cinza);
}

.content-product,
.etheme-product-grid-item {
	border: 1px solid var(--gt-borda);
	border-radius: 14px;
	overflow: hidden;
}

.shop_table,
.shop_table th,
.shop_table td,
.woocommerce-table,
.woocommerce-table td,
.woocommerce-table th,
table.shop_attributes th,
table.shop_attributes td {
	border-color: var(--gt-borda) !important;
	color: var(--gt-branco);
}

/* As fotos ficam sobre fundo claro para não perderem definição */
.content-product .product-image-wrapper,
.content-product .product-content-image,
.woocommerce-product-gallery__image,
.woocommerce-product-gallery img,
ul.products li.product img,
.cart_item .product-thumbnail img,
.woocommerce-order-details img {
	background-color: #ffffff;
	border-radius: 10px;
}

/* -------------------------------------------------------------- preços */

.price,
.price ins,
.price ins .amount,
.woocommerce-Price-amount,
.cart-widget-subtotal .amount,
.order-total .amount {
	color: var(--gt-laranja) !important;
}

.price del,
.price del .amount {
	color: #7a7a7a !important;
}

/* -------------------------------------------------------------- botões */

.button,
button.button,
input.button,
.btn,
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button,
.woocommerce-Button,
.elementor-button,
.wp-element-button,
.et-close-popup,
.form-row.place-order .button {
	background-color: var(--gt-laranja) !important;
	border-color: var(--gt-laranja) !important;
	color: var(--gt-preto) !important;
	font-weight: 700;
}

.button:hover,
button.button:hover,
input.button:hover,
.btn:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.woocommerce-Button:hover,
.elementor-button:hover,
.wp-element-button:hover {
	background-color: var(--gt-laranja-hover) !important;
	border-color: var(--gt-laranja-hover) !important;
	color: var(--gt-preto) !important;
}

/* ------------------------------------------------------------ formulários */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="search"],
input[type="password"],
textarea,
select,
.select2-container--default .select2-selection--single,
.form-control {
	background-color: var(--gt-grafite) !important;
	border-color: var(--gt-borda) !important;
	color: var(--gt-branco) !important;
}

input::placeholder,
textarea::placeholder {
	color: #767676 !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border-color: var(--gt-laranja) !important;
}

label,
.woocommerce-form__label span {
	color: var(--gt-cinza);
}

/* ------------------------------------------------------------- cabeçalho */

.header-wrapper,
.header-wrapper .header-top,
.header-wrapper .header-main,
.header-wrapper .header-bottom,
.mobile-header-wrapper,
.mobile-header-wrapper .header-main,
.mobile-header-wrapper .header-bottom,
.et-mini-content.et-content-mini,
.mobile-menu-wrapper,
.et-mobile-menu,
#header.header-wrapper {
	background-color: var(--gt-preto) !important;
}

.header-wrapper a,
.header-wrapper .et-element-label,
.header-wrapper .menu > li > a {
	color: var(--gt-branco);
}

.header-wrapper .et_b-icon,
.header-wrapper .et_b-icon svg,
.header-wrapper .et-icon,
.header-wrapper .et-svg,
.header-wrapper .et-svg svg,
.mobile-header-wrapper .et_b-icon,
.mobile-header-wrapper .et_b-icon svg,
.mobile-header-wrapper .et-icon,
.mobile-header-wrapper .et-svg svg {
	color: var(--gt-branco) !important;
	fill: var(--gt-branco) !important;
}

.header-wrapper .et_b-icon svg path,
.header-wrapper .et-svg svg path,
.header-wrapper .et-icon svg path,
.mobile-header-wrapper .et_b-icon svg path,
.mobile-header-wrapper .et-svg svg path {
	fill: var(--gt-branco) !important;
	stroke: var(--gt-branco) !important;
}

.header-wrapper .et_b_header-account:hover .et_b-icon,
.header-wrapper .et_b_header-account:hover .et_b-icon svg,
.header-wrapper .et_b_header-account:hover .et_b-icon svg path,
.header-wrapper .et_b_header-wishlist:hover .et_b-icon,
.header-wrapper .et_b_header-wishlist:hover .et_b-icon svg,
.header-wrapper .et_b_header-wishlist:hover .et_b-icon svg path,
.header-wrapper .et_b_header-cart:hover .et_b-icon,
.header-wrapper .et_b_header-cart:hover .et_b-icon svg,
.header-wrapper .et_b_header-cart:hover .et_b-icon svg path,
.header-wrapper .et_b_header-compare:hover .et_b-icon,
.header-wrapper .et_b_header-compare:hover .et_b-icon svg path,
.header-wrapper .secondary-menu-wrapper:hover .et-icon {
	color: var(--gt-laranja) !important;
	fill: var(--gt-laranja) !important;
	stroke: var(--gt-laranja) !important;
}

.header-wrapper .search-button svg,
.header-wrapper .search-button svg path,
.mobile-header-wrapper .search-button svg,
.mobile-header-wrapper .search-button svg path {
	color: var(--gt-preto) !important;
	fill: var(--gt-preto) !important;
	stroke: var(--gt-preto) !important;
}

.header-wrapper a:hover,
.header-wrapper .menu > li > a:hover,
.header-wrapper .current-menu-item > a {
	color: var(--gt-laranja);
}

.header-wrapper .et-element-count,
.header-wrapper .et-quantity {
	background-color: var(--gt-laranja) !important;
	color: var(--gt-preto) !important;
}

/* ---------------------------------------------------------------- rodapé */

.footer,
footer.footer,
.footer-widgets,
.copyrights,
.copyrights-wrapper,
.et-footers-wrapper,
.gt-footer {
	background-color: var(--gt-preto);
	color: var(--gt-cinza);
}

.footer .widget-title,
.footer h1,
.footer h2,
.footer h3,
.footer h4 {
	color: var(--gt-branco);
}

.footer a,
.copyrights a {
	color: var(--gt-cinza);
}

.footer a:hover,
.copyrights a:hover {
	color: var(--gt-laranja);
}

.gt-footer {
	border-top: 1px solid var(--gt-borda);
	margin-top: 0;
}

.gt-footer__inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 24px;
}

.gt-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
	gap: 40px 32px;
	padding: 56px 0 48px;
}

.gt-footer__logo {
	display: inline-block;
	margin-bottom: 16px;
}

.gt-footer__logo img {
	display: block;
	width: 180px;
	height: auto;
	max-width: 100%;
}

.gt-footer__tagline {
	margin: 0;
	max-width: 280px;
	font-size: 14px;
	line-height: 1.55;
	color: var(--gt-cinza);
}

.gt-footer__title {
	margin: 0 0 18px;
	color: var(--gt-branco);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.gt-footer__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gt-footer__list li {
	margin: 0 0 10px;
}

.gt-footer__list a,
.gt-footer__contacts span {
	color: var(--gt-cinza);
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
}

.gt-footer__list a:hover {
	color: var(--gt-laranja);
}

.gt-footer__bar {
	border-top: 1px solid var(--gt-borda);
	background: #050505;
}

.gt-footer__bar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	min-height: 56px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.gt-footer__copy,
.gt-footer__credit {
	margin: 0;
	font-size: 13px;
	color: var(--gt-cinza);
}

.gt-footer__credit a,
.copyrights a {
	color: var(--gt-laranja);
	text-decoration: none;
	font-weight: 600;
}

.gt-footer__credit a:hover,
.copyrights a:hover {
	color: var(--gt-laranja-hover);
}

.copyrights {
	padding: 16px 20px;
	font-size: 13px;
	color: var(--gt-cinza);
}

@media (max-width: 991px) {
	.gt-footer__grid {
		grid-template-columns: 1fr 1fr;
		padding: 40px 0 32px;
		gap: 32px 24px;
	}
}

@media (max-width: 575px) {
	.gt-footer__grid {
		grid-template-columns: 1fr;
		padding: 32px 0 24px;
	}

	.gt-footer__bar-inner {
		flex-direction: column;
		text-align: center;
	}
}

/* ---------------------------------------------------- avisos e etiquetas */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message {
	background-color: var(--gt-grafite) !important;
	border-color: var(--gt-borda) !important;
	color: var(--gt-branco) !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--gt-laranja) !important;
}

.onsale,
.product-label,
.et-product-label {
	background-color: var(--gt-laranja) !important;
	color: var(--gt-preto) !important;
}

/* ------------------------------------------------------- passos e listas */

.breadcrumbs,
.page-heading,
.woocommerce-breadcrumb {
	background-color: var(--gt-grafite);
	color: var(--gt-cinza);
}

.woocommerce-breadcrumb a,
.breadcrumbs a {
	color: var(--gt-cinza);
}

.woocommerce-breadcrumb a:hover,
.breadcrumbs a:hover {
	color: var(--gt-laranja);
}

hr,
.widget-title:after,
.et-separator {
	border-color: var(--gt-borda);
}

/* -------------------------------------- header: categorias e pesquisa */

.et_b_header-menu.secondary-menu-wrapper,
.et_b_header-menu .secondary-menu-wrapper,
.header-wrapper .et_b_header-menu > .menu-wrapper > .menu-item > a.item-link,
.secondary-menu-wrapper .item-title,
.secondary-title {
	background: var(--gt-grafite) !important;
	color: var(--gt-branco) !important;
	border-color: var(--gt-borda) !important;
}

.header-wrapper .ajax-search-form input[type="text"],
.header-wrapper .ajax-search-form input[type="search"],
.header-input-wrapper input {
	background-color: var(--gt-grafite-claro) !important;
	border-color: var(--gt-borda) !important;
	color: var(--gt-branco) !important;
}

.header-wrapper .ajax-search-form button,
.header-wrapper .search-button,
.header-wrapper .search-submit {
	background-color: var(--gt-laranja) !important;
	color: var(--gt-preto) !important;
}

/* --------------------------------------------- ficha e checkout */

.product-content .price,
.summary .price,
.product_title {
	color: var(--gt-branco);
}

.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image {
	background: #ffffff;
	border-radius: 12px;
}

.quantity input.qty,
.quantity .minus,
.quantity .plus {
	background: var(--gt-grafite) !important;
	border-color: var(--gt-borda) !important;
	color: var(--gt-branco) !important;
}

.woocommerce-checkout-review-order,
.etheme-checkout-page-order,
.cart-order-details {
	background: var(--gt-grafite);
	border: 1px solid var(--gt-borda);
	border-radius: 16px;
}

/* ---------------------------------------------------- aviso cookies */

.woocommerce-store-notice,
.demo_store,
#cookie-notice,
.cn-notice,
.gdpr-notice {
	background: var(--gt-grafite) !important;
	color: var(--gt-branco) !important;
	border-color: var(--gt-borda) !important;
}

.woocommerce-store-notice a,
.woocommerce-store-notice .woocommerce-store-notice__dismiss-link {
	color: var(--gt-laranja) !important;
}

/* --------------------------------- ícones de destaque (vantagens, contactos) */

.etheme-icon-box-icon,
.etheme-icon-box-icon i,
.etheme-icon-box-icon svg,
.etheme-icon-box .elementor-icon,
.elementor-icon-box-icon,
.elementor-icon-box-icon i,
.elementor-icon-box-icon svg {
	color: var(--gt-laranja) !important;
	fill: var(--gt-laranja) !important;
}

.etheme-icon-box-icon svg path,
.etheme-icon-box-icon svg circle,
.etheme-icon-box-icon svg rect,
.elementor-icon-box-icon svg path,
.elementor-icon-box-icon svg circle {
	fill: var(--gt-laranja) !important;
	stroke: none;
}

.etheme-icon-box-title,
.elementor-icon-box-title,
.etheme-icon-box-title span {
	color: var(--gt-branco) !important;
}

.etheme-icon-box-description,
.elementor-icon-box-description {
	color: var(--gt-branco) !important;
}

/* ------------------- categorias: títulos brancos, contagens legíveis */

.category-grid,
.category-grid.text-color-dark,
.category-grid.text-color-light {
	color: var(--gt-branco);
}

.category-grid h2,
.category-grid h3,
.category-grid h4,
.category-grid h5,
.category-grid .categories-name,
.category-grid .category-name,
.product-category h2,
.product-category .woocommerce-loop-category__title,
.etheme-categories-list-item-title,
.etheme-categories-list-item-title a {
	color: var(--gt-branco) !important;
}

.category-grid .count,
.category-grid mark.count,
.product-category .count,
.etheme-categories-list-item-count {
	color: var(--gt-cinza) !important;
}

.category-grid:hover h2,
.category-grid:hover h3,
.category-grid:hover h4,
.category-grid:hover .count,
.category-grid:hover mark.count {
	color: var(--gt-laranja) !important;
}