.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-276 .elementor-element.elementor-element-a17db99{text-align:start;}.elementor-276 .elementor-element.elementor-element-a17db99 img{width:60px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-276 .elementor-element.elementor-element-f80232d .elementor-menu-toggle{margin:0 auto;}.elementor-276 .elementor-element.elementor-element-f80232d .elementor-nav-menu .elementor-item{font-family:"Marcellus", Sans-serif;font-size:17px;font-weight:400;}.elementor-276 .elementor-element.elementor-element-f80232d .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-1270b7a );fill:var( --e-global-color-1270b7a );}.elementor-276 .elementor-element.elementor-element-f80232d .elementor-nav-menu--main .elementor-item:hover,
					.elementor-276 .elementor-element.elementor-element-f80232d .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-276 .elementor-element.elementor-element-f80232d .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-276 .elementor-element.elementor-element-f80232d .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-276 .elementor-element.elementor-element-f80232d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-276 .elementor-element.elementor-element-f80232d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#61CE7000;}.elementor-276 .elementor-element.elementor-element-f80232d .e--pointer-framed .elementor-item:before,
					.elementor-276 .elementor-element.elementor-element-f80232d .e--pointer-framed .elementor-item:after{border-color:#61CE7000;}.elementor-276 .elementor-element.elementor-element-f80232d{--e-nav-menu-horizontal-menu-item-margin:calc( 61px / 2 );}.elementor-276 .elementor-element.elementor-element-f80232d .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:61px;}.elementor-276 .elementor-element.elementor-element-f80232d div.elementor-menu-toggle{color:var( --e-global-color-1270b7a );}.elementor-276 .elementor-element.elementor-element-f80232d div.elementor-menu-toggle svg{fill:var( --e-global-color-1270b7a );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-276 .elementor-element.elementor-element-15b123f{--main-alignment:center;--mini-cart-spacing:56px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-1270b7a );--toggle-button-border-color:#FFFFFF;--toggle-button-border-width:0px;--toggle-icon-size:24px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-276 .elementor-element.elementor-element-15b123f.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container{right:0;left:auto;transform:none;}.elementor-276 .elementor-element.elementor-element-15b123f .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-276 .elementor-element.elementor-element-f80232d{--nav-menu-icon-size:19px;}.elementor-276 .elementor-element.elementor-element-15b123f{width:var( --container-widget-width, 60px );max-width:60px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:60px;--container-widget-flex-grow:0;--main-alignment:left;--toggle-icon-size:23px;}.elementor-276 .elementor-element.elementor-element-15b123f.elementor-element{--align-self:flex-end;}}/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-15b123f */* ===== CART SUCCESS MESSAGE - PREMIUM STYLE ===== */

.woocommerce-message {
  border-radius: 12px !important;
  padding: 16px 20px !important;
  background: #f9f7f4 !important;
  border: 1px solid #e6e2da !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

/* Left text */
.woocommerce-message {
  font-family: 'Marcellus', serif !important;
  font-size: 16px;
  color: #2a2a2a;
}

/* Green top line → make it more elegant */
.woocommerce-message::before {
  color: #8a7f66 !important; /* softer gold/olive tone */
}

/* Button (Alışverişe devam et) */
.woocommerce-message .button {
  font-family: 'Marcellus', serif !important;
  font-size: 14px;
  background: transparent !important;
  border: 1px solid #c8c2b5 !important;
  color: #2a2a2a !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  transition: all 0.2s ease;
}

/* Button hover */
.woocommerce-message .button:hover {
  background: #2a2a2a !important;
  color: #fff !important;
  border-color: #2a2a2a !important;
}
/* Fix spacing for icon */
.woocommerce-message {
  padding-left: 48px !important;
}

/* Optional: fine-tune icon position */
.woocommerce-message::before {
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  /* Fix toggle container on mobile */
  .leather-balm-toggle {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Smaller image on mobile */
  .leather-balm-toggle .pewc-item-field-image-wrapper img {
    width: 50px !important;
    height: 50px !important;
  }

  /* Smaller text on mobile */
  .leather-balm-toggle .pewc-checkboxes-list-desc-wrapper,
  .leather-balm-toggle .pewc-field-label,
  .leather-balm-toggle span,
  .leather-balm-toggle a {
    font-size: 12px !important;
  }

  /* Keep toggle on the right */
  .leather-balm-toggle .pewc-checkbox-wrapper {
    margin-left: auto !important;
  }
}
@media (max-width: 768px) {
  .leather-balm-toggle {
    padding: 4px 8px !important;
    gap: 6px !important;
    margin-top: 0px !important;
    margin-bottom: 6px !important;
  }
}

/* ===============================================================
   Grano - Elementor mini cart restyle (desktop-first)
   ===============================================================
   Goes in: Elementor -> Site Settings -> Custom CSS
   Pairs with: grano-mini-cart.php (WPCode PHP snippet), which
   injects the header, the quantity steppers and the
   "Sepete eklendi" line that this file styles.

   BEFORE THIS WORKS: set the Elementor Menu Cart widget to
   Layout = "Mini Cart" (not "Side Cart"), so the panel is a
   dropdown anchored under the cart icon.

   Palette matches the rest of the site:
     surface  #efece6      hairline #ccc5b8
     ink      #222         muted    #8a8378
     gold     #c9a24b      success  #2e7d32
   =============================================================== */


/* ---------------------------------------------------------------
   1. THE PANEL
   --------------------------------------------------------------- */
.elementor-menu-cart__main {
	position: relative !important;
	background: #efece6 !important;
	border-radius: 16px !important;
	padding: 24px !important;
	width: 420px !important;
	max-width: calc(100vw - 32px) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, .18) !important;
	border: none !important;
}

/* The outer container is a POSITIONING wrapper, not a surface.
   It must never paint anything.

   It previously carried a dim: rgba(0,0,0,.35). On most pages that
   container spans the viewport, so it read as a normal page dim --
   but on product pages it is only as large as the panel area, so
   the same rule painted a grey rectangle behind the panel. It also
   fades on its own timing, which is why the grey lingered for a
   beat after the panel had already closed. Keeping it transparent
   removes both symptoms. */
.elementor-menu-cart__container,
.elementor-menu-cart__container.elementor-lightbox {
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	border: none !important;
}


/* ---------------------------------------------------------------
   2. HEADER  ("SEPET (2 Ürün)"  +  close X)
   Injected by the PHP snippet as .grano-mc-header
   --------------------------------------------------------------- */
.grano-mc-header {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin: 0 0 14px;
	padding-right: 40px;              /* keeps clear of the close button */
}

.grano-mc-header__title {
	font-size: 22px;
	font-weight: 800;
	letter-spacing: .02em;
	line-height: 1;
	color: #222;
}

.grano-mc-header__count {
	font-size: 14px;
	font-weight: 400;
	color: #8a8378;
}

/* Elementor's close button is a sibling of the cart content, so
   position it into the header rather than moving it in the DOM. */
.elementor-menu-cart__close-button {
	position: absolute !important;
	top: 24px !important;
	right: 24px !important;
	margin: 0 !important;
	z-index: 3 !important;
	color: #222 !important;
	opacity: 1 !important;
}
.elementor-menu-cart__close-button:hover {
	color: #222 !important;
	opacity: .6 !important;
}


/* ---------------------------------------------------------------
   3. THE SCROLLING ITEM LIST
   Elementor sets an inline max-height here - we keep that and
   just add the scrolling + a slim scrollbar.
   --------------------------------------------------------------- */
.elementor-menu-cart__products {
	overflow-y: auto !important;
	padding: 0 !important;
	border-top: 1px solid #ccc5b8;
	scrollbar-width: thin;
	scrollbar-color: #c9c2b6 transparent;
}
.elementor-menu-cart__products::-webkit-scrollbar { width: 6px; }
.elementor-menu-cart__products::-webkit-scrollbar-thumb {
	background: #c9c2b6;
	border-radius: 3px;
}


/* ---------------------------------------------------------------
   4. A SINGLE ITEM ROW
   Elementor renders these as a CSS grid; we override to flex:

       [ thumb ] [ name + stepper + Kaldır ] [ price ]
   --------------------------------------------------------------- */
.elementor-menu-cart__product {
	display: flex !important;
	align-items: flex-start !important;
	gap: 14px !important;
	padding: 18px 0 !important;
	margin: 0 !important;
	border-bottom: 1px solid #ccc5b8 !important;
	position: relative;
}

.elementor-menu-cart__product-image {
	flex: 0 0 72px !important;
	width: 72px !important;
	margin: 0 !important;
	padding: 0 !important;
}
.elementor-menu-cart__product-image img {
	width: 72px !important;
	height: 72px !important;
	object-fit: cover !important;
	border-radius: 8px !important;
	display: block !important;
}

/* Middle column - created by the PHP snippet's JS */
.grano-mc-body {
	flex: 1 1 auto;
	min-width: 0;
}

.elementor-menu-cart__product-name {
	margin: 0 !important;
	padding: 0 !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	line-height: 1.35 !important;
}
.elementor-menu-cart__product-name a {
	color: #222 !important;
	text-decoration: none !important;
}

/* The PEWC personalisation line ("Harf Baskısı: ...") if present */
.elementor-menu-cart__product-name small,
.grano-mc-body .variation {
	display: block;
	font-weight: 400;
	font-size: 13px;
	color: #8a8378;
	margin-top: 3px;
}

/* Price, right-hand column */
.elementor-menu-cart__product-price {
	flex: 0 0 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: right !important;
	white-space: nowrap !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	color: #222 !important;
}
.elementor-menu-cart__product-price del {
	display: block;
	opacity: .5;
	font-weight: 400;
	font-size: 13px;
}

/* Elementor's own remove (×) links - replaced by our "Kaldır" */
.elementor-menu-cart__product-remove {
	display: none !important;
}


/* ---------------------------------------------------------------
   5. QUANTITY STEPPER + KALDIR
   Injected by the PHP snippet.
   --------------------------------------------------------------- */
.grano-mc-controls {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 10px;
}

.grano-qty {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	border: 1.5px solid #c9a24b;
	border-radius: 999px;
	padding: 5px 14px;
	background: transparent;
}

.grano-qty__btn {
	border: none;
	background: none;
	padding: 0;
	width: 16px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	color: #222;
}
.grano-qty__btn:hover,
.grano-qty__btn:focus,
.grano-qty__btn:active {
	color: #222;
	outline: none;
	opacity: .65;
}
.grano-qty__btn[disabled] {
	opacity: .3;
	cursor: default;
}

.grano-qty__value {
	min-width: 14px;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	color: #222;
}

.grano-mc-remove {
	background: none;
	border: none;
	padding: 0;
	font-size: 13px;
	color: #8a8378;
	text-decoration: underline;
	cursor: pointer;
}
.grano-mc-remove:hover,
.grano-mc-remove:focus,
.grano-mc-remove:active {
	color: #222;
	outline: none;
}

/* Row waiting on the server - subtle, no layout shift */
.elementor-menu-cart__product.is-updating {
	opacity: .5;
	pointer-events: none;
	transition: opacity .15s ease;
}


/* ---------------------------------------------------------------
   6. "✓ Sepete eklendi"
   --------------------------------------------------------------- */
.grano-mc-added {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 0 2px;
	color: #2e7d32;
	font-weight: 700;
	font-size: 13px;
	animation: grano-mc-fade .25s ease;
}
.grano-mc-added__check {
	font-size: 15px;
	line-height: 1;
}
@keyframes grano-mc-fade {
	from { opacity: 0; transform: translateY(-4px); }
	to   { opacity: 1; transform: none; }
}


/* ---------------------------------------------------------------
   7. SUBTOTAL
   --------------------------------------------------------------- */
.elementor-menu-cart__subtotal {
	display: flex !important;
	justify-content: space-between !important;
	align-items: baseline !important;
	padding: 16px 0 14px !important;
	margin: 0 !important;
	border-top: none !important;
	border-bottom: none !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	color: #222 !important;
	text-align: left !important;
}
.elementor-menu-cart__subtotal strong {
	font-weight: 700 !important;
}


/* ---------------------------------------------------------------
   8. FOOTER BUTTONS
   "Sepetim" outlined pill, "Ödeme" solid.
   To show only one, turn the other off in the Elementor widget
   (Menu Cart -> Cart -> View Cart Button / Checkout Button).
   --------------------------------------------------------------- */
.elementor-menu-cart__footer-buttons {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-top: 1px solid #ccc5b8;
	padding-top: 16px !important;
}

.elementor-menu-cart__footer-buttons .elementor-button {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	padding: 15px 16px !important;
	border-radius: 30px !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	letter-spacing: .01em !important;
	transition: background-color .2s ease, color .2s ease !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--view-cart {
	background: transparent !important;
	color: #222 !important;
	border: 1px solid #222 !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover {
	background: #222 !important;
	color: #fff !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--checkout {
	background: #222 !important;
	color: #fff !important;
	border: 1px solid #222 !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover {
	background: #000 !important;
	color: #fff !important;
}


/* ---------------------------------------------------------------
   9. EMPTY STATE
   --------------------------------------------------------------- */
.elementor-menu-cart__empty-message,
.woocommerce-mini-cart__empty-message {
	padding: 30px 0 !important;
	text-align: center !important;
	color: #8a8378 !important;
}


/* ---------------------------------------------------------------
   10. MOBILE - conservative for now.
   Desktop is what we're tuning; this just stops the panel
   overflowing on small screens.
   --------------------------------------------------------------- */
@media (max-width: 768px) {
	.elementor-menu-cart__main {
		width: calc(100vw - 24px) !important;
		max-width: calc(100vw - 24px) !important;
		padding: 20px !important;
	}
	.elementor-menu-cart__close-button {
		top: 20px !important;
		right: 20px !important;
	}
	.grano-mc-header { padding-right: 36px; }
}/* End custom CSS */