/**
 * ==========================================================
 * GM DESIGN SYSTEM
 * File: commerce-ui.css
 * Description: Shared Commerce UI Integration
 *
 * Depends:
 * tokens.css
 * spacing.css
 * typography.css
 * motion.css
 * buttons.css
 * controls.css
 *
 * Version:
 * 2.0.0
 *
 * Last Update:
 * 16.08.2026
 * ==========================================================
 */


/* ==========================================================
   LEGACY VISIBILITY
========================================================== */

/*
 * Eski eklenti blokları yalnızca JS tarafından
 * işaretlendiğinde gizlenir.
 */

.gm-commerce-legacy-action,
.gm-commerce-legacy-payment{

	display:none !important;

}


/* ==========================================================
   CART — DELIVERY REGION
========================================================== */

body.woocommerce-cart .gm-delivery-region{

	display:block;

	margin:0;

	padding:
		var(--gm-space-md)
		0;

	border-block:
		1px solid var(--gm-color-border);

	background:transparent;

}

body.woocommerce-cart .gm-delivery-region label{

	display:block;

	margin-bottom:var(--gm-space-xs);

	color:var(--gm-color-text);

	font-family:var(--gm-font-family);

	font-size:var(--gm-font-size-xs);

	font-weight:var(--gm-font-weight-semibold);

}

body.woocommerce-cart .gm-delivery-region__control{

	display:grid;

	grid-template-columns:
		minmax(130px,.75fr)
		minmax(0,1.25fr);

	gap:var(--gm-space-sm);

	align-items:center;

}

body.woocommerce-cart .gm-delivery-region select{

	width:100%;

	min-height:46px;

	padding:
		0
		38px
		0
		var(--gm-space-sm);

	border:1px solid var(--gm-color-border);

	border-radius:var(--gm-radius-md);

	background-color:var(--gm-color-white);

	color:var(--gm-color-text);

	font-family:var(--gm-font-family);

	transition:var(--gm-transition-fast);

}

body.woocommerce-cart .gm-delivery-region select:hover{

	border-color:var(--gm-color-primary);

}

body.woocommerce-cart .gm-delivery-region select:focus{

	outline:none;

	border-color:var(--gm-color-primary);

}

body.woocommerce-cart .gm-delivery-region select:focus-visible{

	outline:var(--gm-focus-ring);

	outline-offset:var(--gm-focus-ring-offset);

}

body.woocommerce-cart
.gm-delivery-region__control span{

	color:var(--gm-color-text-light);

	font-family:var(--gm-font-family);

	font-size:11px;

	line-height:1.55;

}


/* ==========================================================
   CART — WHATSAPP ORDER
========================================================== */

body.woocommerce-cart
.gm-page--commerce
.gm-whatsapp-order{

	display:inline-flex;

	align-items:center;
	justify-content:center;

	width:100%;

	min-height:var(--gm-button-height-md);

	margin-top:var(--gm-space-md);

	padding:var(--gm-button-padding);

	border:
		1px solid var(--gm-color-text);

	border-radius:var(--gm-radius-md);

	background:var(--gm-color-text);

	color:var(--gm-color-white);

	font-family:var(--gm-font-family);

	font-size:var(--gm-font-size-xs);

	font-weight:var(--gm-font-weight-semibold);

	letter-spacing:.08em;

	text-decoration:none;

	text-transform:uppercase;

	transition:
		background-color var(--gm-motion-fast) var(--gm-motion-smooth),
		border-color var(--gm-motion-fast) var(--gm-motion-smooth),
		color var(--gm-motion-fast) var(--gm-motion-smooth),
		transform var(--gm-motion-fast) var(--gm-motion-smooth);

}

body.woocommerce-cart
.gm-page--commerce
.gm-whatsapp-order:hover{

	border-color:var(--gm-color-primary);

	background:var(--gm-color-primary);

	color:var(--gm-color-white);

	transform:translateY(-1px);

}

body.woocommerce-cart
.gm-page--commerce
.gm-whatsapp-order:focus-visible{

	outline:var(--gm-focus-ring);

	outline-offset:var(--gm-focus-ring-offset);

}


/* ==========================================================
   TI WISHLIST — BASE
========================================================== */

.gm-page--commerce .tinv-wishlist,
.gm-page--commerce .tinv-wishlist p,
.gm-page--commerce .tinv-wishlist a,
.gm-page--commerce .tinv-wishlist th,
.gm-page--commerce .tinv-wishlist td{

	color:var(--gm-color-text);

}

.gm-page--commerce
.tinv-wishlist
a:not(.button){

	color:var(--gm-color-text);

	text-decoration-color:transparent;

	transition:
		color var(--gm-motion-fast) var(--gm-motion-smooth);

}

.gm-page--commerce
.tinv-wishlist
a:not(.button):hover{

	color:var(--gm-color-primary);

}

.gm-page--commerce
.tinv-wishlist
.product-date,
.gm-page--commerce
.tinv-wishlist
.tinvwl-wishlist-empty{

	color:var(--gm-color-text-light);

}


/* ==========================================================
   TI WISHLIST — ACTIONS
========================================================== */

.gm-page--commerce .tinv-wishlist .button,
.gm-page--commerce .tinv-wishlist button{

	border-color:var(--gm-color-text);

	border-radius:var(--gm-radius-md);

	background:var(--gm-color-text);

	color:var(--gm-color-white);

	font-family:var(--gm-font-family);

	transition:
		background-color var(--gm-motion-fast) var(--gm-motion-smooth),
		border-color var(--gm-motion-fast) var(--gm-motion-smooth),
		color var(--gm-motion-fast) var(--gm-motion-smooth),
		transform var(--gm-motion-fast) var(--gm-motion-smooth);

}

.gm-page--commerce .tinv-wishlist .button:hover,
.gm-page--commerce .tinv-wishlist button:hover{

	border-color:var(--gm-color-primary);

	background:var(--gm-color-primary);

	color:var(--gm-color-white);

	transform:translateY(-1px);

}

.gm-page--commerce
.tinv-wishlist
.button:focus-visible,
.gm-page--commerce
.tinv-wishlist
button:focus-visible{

	outline:var(--gm-focus-ring);

	outline-offset:var(--gm-focus-ring-offset);

}


/* ==========================================================
   TI WISHLIST — EMPTY STATE
========================================================== */

.gm-page--commerce
.tinv-wishlist
.tinvwl-wishlist-empty{

	border-radius:16px;

	background:var(--gm-color-white);

}


/* ==========================================================
   TI WISHLIST — MODAL
========================================================== */

.tinv-modal .tinv-modal-inner{

	max-width:460px;

	padding:
		var(--gm-space-xl)
		var(--gm-space-xl) !important;

	border:
		1px solid var(--gm-color-border);

	border-radius:var(--gm-radius-lg);

	background:var(--gm-color-white);

	box-shadow:
		0 24px 70px rgba(29,47,65,.18);

	color:var(--gm-color-text);

	font-family:var(--gm-font-family);

}


/* ==========================================================
   TI WISHLIST — MODAL ACTIONS
========================================================== */

.tinv-modal .tinvwl-buttons-group{

	display:grid;

	gap:var(--gm-space-xs);

}

.tinv-modal .tinvwl-buttons-group button,
.tinv-modal .tinvwl-buttons-group a{

	min-height:var(--gm-button-height-md);

	border:
		1px solid var(--gm-color-text) !important;

	border-radius:
		var(--gm-radius-md) !important;

	background:
		var(--gm-color-text) !important;

	box-shadow:none !important;

	color:
		var(--gm-color-white) !important;

	font-family:
		var(--gm-font-family) !important;

	transition:
		background-color var(--gm-motion-fast) var(--gm-motion-smooth),
		border-color var(--gm-motion-fast) var(--gm-motion-smooth),
		transform var(--gm-motion-fast) var(--gm-motion-smooth);

}

.tinv-modal .tinvwl-buttons-group button:hover,
.tinv-modal .tinvwl-buttons-group a:hover{

	border-color:
		var(--gm-color-primary) !important;

	background:
		var(--gm-color-primary) !important;

	transform:translateY(-1px);

}

.tinv-modal
.tinvwl-buttons-group
button:focus-visible,
.tinv-modal
.tinvwl-buttons-group
a:focus-visible{

	outline:var(--gm-focus-ring);

	outline-offset:var(--gm-focus-ring-offset);

}


/* ==========================================================
   TI WISHLIST — MODAL CLOSE
========================================================== */

.tinv-modal .tinvwl_button_close{

	background:transparent !important;

	color:var(--gm-color-text) !important;

}

.tinv-modal .tinvwl_button_close:focus-visible{

	outline:var(--gm-focus-ring);

	outline-offset:var(--gm-focus-ring-offset);

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

	body.woocommerce-cart
	.gm-delivery-region__control{

		grid-template-columns:1fr;

	}

	.tinv-modal .tinv-modal-inner{

		width:
			calc(
				100vw -
				var(--gm-space-xl)
			);

		padding:
			var(--gm-space-lg)
			var(--gm-space-md) !important;

	}

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion:reduce){

	body.woocommerce-cart
	.gm-page--commerce
	.gm-whatsapp-order,

	.gm-page--commerce
	.tinv-wishlist
	a:not(.button),

	.gm-page--commerce
	.tinv-wishlist
	.button,

	.gm-page--commerce
	.tinv-wishlist
	button,

	.tinv-modal
	.tinvwl-buttons-group
	button,

	.tinv-modal
	.tinvwl-buttons-group
	a{

		transition:none;

	}

	body.woocommerce-cart
	.gm-page--commerce
	.gm-whatsapp-order:hover,

	.gm-page--commerce
	.tinv-wishlist
	.button:hover,

	.gm-page--commerce
	.tinv-wishlist
	button:hover,

	.tinv-modal
	.tinvwl-buttons-group
	button:hover,

	.tinv-modal
	.tinvwl-buttons-group
	a:hover{

		transform:none;

	}

}