/*
Theme Name: Goldish-Child
Theme URI: https://parkofideas.com/goldish/
Text Domain: goldish-child
Description: Jewelry Store WooCommerce Theme
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0
Template: goldish
Author: parkofideas.com
Author URI: https://parkofideas.com
Tags: right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, theme-options, translation-ready
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/* ============================================================
   DRM Diamond — LABORATORY GROWN DIAMOND rozeti
   ============================================================ */
.drm-lab-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: linear-gradient(135deg, #101418 0%, #1d242c 100%);
	color: #d9b95c;
	border: 1px solid rgba(217, 185, 92, .55);
	border-radius: 2px;
	padding: 4px 9px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	line-height: 1.2;
	white-space: nowrap;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}

.drm-lab-badge svg {
	flex: 0 0 auto;
	opacity: .9;
}

/* Ürün kartı üzerinde (vitrin/arşiv) */
.c-product-grid__thumb-wrap {
	position: relative;
}

.drm-lab-badge--loop {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 5;
	pointer-events: none;
}

/* Ürün detay sayfası — rozet listesi içinde */
.drm-lab-badge--single {
	margin: 2.5px;
	font-size: 10px;
	padding: 5px 11px;
}

/* ============================================================
   DRM Diamond — Hızlı bakış / istek listesi butonları:
   görselin ortasından sağ alt köşeye, minimal boyutta
   ============================================================ */
.c-product-grid__item--buttons-1 .c-product-grid__thumb-button-list,
.c-product-grid__item--buttons-1.c-product-grid__item--2-per-row .c-product-grid__thumb-button-list,
.c-product-grid__item--buttons-1.c-product-grid__item--3-per-row .c-product-grid__thumb-button-list,
.c-product-grid__item--buttons-1.c-product-grid__item--4-per-row .c-product-grid__thumb-button-list {
	position: absolute;
	left: auto !important;
	right: 10px !important;
	top: auto !important;
	bottom: 10px !important;
	transform: none !important;
	display: inline-flex;
	flex-direction: row;
	gap: 8px;
	z-index: 6;
}

.c-product-grid__item--buttons-1 .c-product-grid__thumb-button {
	width: 38px !important;
	height: 38px !important;
	font-size: 15px !important;
	background: rgba(255, 255, 255, .93) !important;
	border: 1px solid rgba(0, 0, 0, .07);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .12) !important;
}

.c-product-grid__item--buttons-1 .c-product-grid__thumb-button--quickview {
	font-size: 12px !important;
}

.c-product-grid__item--buttons-1 .c-product-grid__thumb-button + .c-product-grid__thumb-button {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Hover'da ürün görseli solmasın */
.c-product-grid__item--buttons-1:hover .c-product-grid__thumb-wrap--buttons .c-product-grid__thumb,
.c-product-grid__item--buttons-1:not(.c-product-grid__item--2-per-row):hover .c-product-grid__thumb {
	opacity: 1 !important;
}

/* Compact kart düzeni: ortadaki butonları sağ alt köşeye al, minimal yap */
.c-product-grid__item--compact .c-product-grid__thumb-button-list {
	top: auto !important;
	bottom: 8px !important;
	left: auto !important;
	right: 8px !important;
	display: inline-flex !important;
	flex-direction: row;
	gap: 6px;
	align-items: center;
	justify-content: flex-end;
	z-index: 6;
}

.c-product-grid__item--compact .c-product-grid__thumb-button {
	padding: 0 !important;
	width: 34px !important;
	height: 34px !important;
	justify-content: center !important;
	border-radius: 50%;
	background: rgba(255, 255, 255, .93) !important;
	border: 1px solid rgba(0, 0, 0, .07);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
	font-size: 13px !important;
}

/* Compact hover'da görsel ve rozetler solmasın */
.c-product-grid__item--compact:hover .c-product-grid__thumb-wrap--buttons .c-product-grid__thumb:not(.c-product-grid__thumb--hover),
.c-product-grid__item--compact:hover .c-product-grid__thumb-wrap--buttons .c-product-grid__thumb,
.c-product-grid__item--compact:hover .c-product-grid__thumb-wrap--buttons .c-product-grid__badges,
.c-product-grid__item--compact-mobile .c-product-grid__thumb-wrap--buttons.c-product-grid__thumb-wrap--hover .c-product-grid__thumb,
.c-product-grid__item--compact-mobile .c-product-grid__thumb-wrap--buttons.c-product-grid__thumb-wrap--hover .c-product-grid__badges {
	opacity: 1 !important;
}

/* Rozet her durumda görünür kalsın */
.c-product-grid__item:hover .drm-lab-badge--loop,
.drm-lab-badge--loop {
	opacity: 1 !important;
}

/* GENEL KURAL: tüm kart düzenlerinde butonlar sağ altta, minimal ikon-daire */
.c-product-grid__item .c-product-grid__thumb-button-list {
	left: auto !important;
	right: 8px !important;
	top: auto !important;
	bottom: 8px !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 6px;
	z-index: 6;
}

.c-product-grid__item .c-product-grid__thumb-button {
	width: 34px !important;
	height: 34px !important;
	padding: 0 !important;
	justify-content: center !important;
	align-items: center !important;
	border-radius: 50%;
	background: rgba(255, 255, 255, .93) !important;
	border: 1px solid rgba(0, 0, 0, .07);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
	font-size: 14px !important;
}

/* Buton metin etiketlerini gizle, sadece ikon kalsın */
.c-product-grid__thumb-button .c-product-grid__icon-text {
	display: none !important;
}

/* ============================================================
   DRM Diamond — Ürün videosu
   ============================================================ */
.drm-product-video {
	max-width: 860px;
	margin: 40px auto;
	text-align: center;
}

.drm-product-video__title {
	margin-bottom: 18px;
}

.drm-product-video video {
	width: 100%;
	height: auto;
	border-radius: 6px;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .12);
	display: block;
}

/* ============================================================
   DRM Diamond — Ürün özellik listesi (kısa açıklama)
   ============================================================ */
ul.drm-specs {
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
}

ul.drm-specs li {
	padding: 6px 0;
	border-bottom: 1px dashed rgba(0, 0, 0, .08);
	font-size: 14px;
}

ul.drm-specs li:last-child {
	border-bottom: 0;
}
