/* ==========================================================================
   FILE: assets/css/product-description.css
   PURPOSE: Styling for the Description/Shipping/Return-Policy accordion
   (template-parts/product/description.php) — adapted from Kicks Mania's
   proven Step 5. Uses CSS grid-template-rows for the open/close
   animation (no JS height calculation, so it never glitches on odd
   content lengths). White background / black text, no colour anywhere.
   HTML: template-parts/product/description.php | JS: assets/js/product-description.js
   ========================================================================== */

.dc-acc { margin: 26px 14px 8px; border-top: 1px solid #000; }
@media (min-width: 900px) { .dc-acc { margin: 26px 0 8px; } }

.dc-acc-item { border-bottom: 1px solid #000; }

.dc-acc-head {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 11px;
	background: none;
	border: none;
	padding: 15px 2px;
	cursor: pointer;
	text-align: left;
	-webkit-tap-highlight-color: transparent;
	outline: none;
}
.dc-acc-head:focus, .dc-acc-head:active { background: none !important; outline: none; }

.dc-acc-ico { flex: 0 0 auto; width: 16px; height: 16px; line-height: 0; }
.dc-acc-ico svg { width: 16px; height: 16px; fill: none; stroke: #000; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; display: block; }

.dc-acc-title { flex: 1 1 auto; color: #000; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

.dc-acc-chev { flex: 0 0 auto; width: 13px; height: 13px; transition: transform .3s ease; }
.dc-acc-chev svg { width: 13px; height: 13px; fill: none; stroke: #666; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; display: block; }
.dc-acc-item.dc-on .dc-acc-chev { transform: rotate(180deg); }
.dc-acc-item.dc-on .dc-acc-chev svg { stroke: #000; }

/* grid-template-rows trick — no max-height calculation, so it never
   glitches on content of any length */
.dc-acc-body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .32s ease; }
.dc-acc-item.dc-on .dc-acc-body { grid-template-rows: 1fr; }
.dc-acc-body > div { overflow: hidden; min-height: 0; }

.dc-acc-inner { padding: 0 2px 17px 27px; color: #333; font-size: 12.5px; line-height: 1.75; }
.dc-acc-inner p { margin: 0 0 10px; }
.dc-acc-inner p:last-child { margin-bottom: 0; }
.dc-acc-inner b { color: #000; font-weight: 700; }
.dc-acc-inner ul { margin: 6px 0 10px; padding-left: 16px; }
.dc-acc-inner li { margin-bottom: 5px; }
.dc-acc-inner a { color: #000; text-decoration: underline; }