/* Granty Tema — WooCommerce blok sepeti ve ödeme sayfası
 *
 * İLKE: Düzeni WooCommerce'in kendisi kurar. Burada yalnızca genişlik
 * sınırı kaldırılır ve görünüm (renk, tipografi, boşluk) siteye uydurulur.
 * display / grid / float gibi yapısal kurallar bilinçli olarak yoktur —
 * bunlara dokunmak blok sepetinin kendi duyarlı düzenini bozuyor.
 */

/* ==================================================================
   1) GENİŞLİK — blok editörünün dar içerik sınırı kaldırılır
   ================================================================== */

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
	--wp--style--global--content-size: 100%;
	--wp--style--global--wide-size: 100%;
	width: 100%;
	max-width: var(--g-en);
	margin-inline: auto;
}

.wp-block-woocommerce-cart > .wp-block-group,
.wp-block-woocommerce-checkout > .wp-block-group,
.wp-block-woocommerce-cart .is-layout-constrained > *,
.wp-block-woocommerce-checkout .is-layout-constrained > * {
	max-width: none;
}

/* ==================================================================
   2) TİPOGRAFİ VE RENK
   ================================================================== */

.wc-block-components-title,
.wc-block-components-checkout-step__title,
.wc-block-cart__empty-cart__title {
	font-family: var(--g-font);
	font-weight: 500;
	color: var(--g-ink);
	letter-spacing: -0.01em;
}

.wc-block-components-product-name {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.45;
	color: var(--g-ink);
	text-decoration: none;
}

.wc-block-components-product-name:hover {
	color: var(--g-red);
	text-decoration: none;
}

.wc-block-components-product-metadata {
	font-size: 13px;
	line-height: 1.55;
	color: var(--g-mute);
}

.wc-block-components-product-price,
.wc-block-components-totals-item__value {
	color: var(--g-ink);
	font-weight: 500;
	font-variant-numeric: tabular-nums;
}

.wc-block-components-totals-item__label {
	color: var(--g-stone);
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-size: 24px;
	letter-spacing: -0.015em;
}

/* ==================================================================
   3) BOŞLUK — çizgiler metne fazla yakındı
   ================================================================== */

.wc-block-components-totals-wrapper {
	padding-block: 18px;
}

.wc-block-components-panel__button {
	padding-block: 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--g-ink);
}

.wc-block-components-panel__button:hover {
	color: var(--g-red);
}

.wc-block-cart-item__wrap {
	padding-block: 8px;
}

.wc-block-components-checkout-step {
	margin-bottom: 30px;
}

/* ==================================================================
   4) ÜRÜN GÖRSELİ
   ================================================================== */

.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img {
	object-fit: contain;
	background: var(--g-white);
	border: 1px solid var(--g-line);
	border-radius: 8px;
	padding: 6px;
}

/* ==================================================================
   5) ÖZET KARTI
   ================================================================== */

.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block,
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block {
	background: var(--g-white);
	border: 1px solid var(--g-line);
	border-radius: 10px;
	padding-inline: 24px;
	padding-bottom: 8px;
}

/* ==================================================================
   6) FORM ALANLARI
   ================================================================== */

.wc-block-components-text-input input,
.wc-block-components-textarea,
.wc-block-components-combobox-control input,
.wc-block-components-select__container select {
	border: 1px solid var(--g-line);
	border-radius: 6px;
	background: var(--g-white);
	font-family: var(--g-font);
	font-size: 15px;
	color: var(--g-ink);
	box-shadow: none;
}

.wc-block-components-text-input input:focus,
.wc-block-components-textarea:focus {
	border-color: var(--g-ink);
	box-shadow: none;
	outline: none;
}

.wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control__option {
	border-color: var(--g-line);
	border-radius: 8px;
}

/* ==================================================================
   7) BUTONLAR
   ================================================================== */

.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	background: var(--g-red);
	color: #fff;
	border: 0;
	border-radius: 6px;
	padding: 17px 26px;
	font-family: var(--g-font);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	box-shadow: none;
	transition: background 200ms ease;
}

.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
	background: #c01118;
	color: #fff;
}

.wc-block-components-button__text {
	text-decoration: none;
}

.wc-block-cart-item__remove-link {
	color: var(--g-mute);
	font-size: 13px;
	text-decoration: none;
}

.wc-block-cart-item__remove-link:hover {
	color: var(--g-red);
}

/* ==================================================================
   8) BOŞ SEPET
   ================================================================== */

.wc-block-cart__empty-cart__title {
	font-size: 20px;
	margin-bottom: 8px;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
	font-size: 44px;
	opacity: 0.16;
}

.wp-block-woocommerce-empty-cart-block .wp-block-separator {
	max-width: 60px;
	margin-block: 26px;
	border: 0;
	border-top: 1px solid var(--g-line);
}

/* ==================================================================
   9) BİLDİRİMLER
   ================================================================== */

.wc-block-components-notice-banner {
	border-radius: 8px;
	font-size: 14px;
}