/* Utility classes used by the imported product-description markup
   (Tailwind-style names). Scoped to the description containers so they
   can't leak into the theme. Generated from a scan of all product
   descriptions — every class below appears in live content. */

/* ---- display / layout ---- */
:is(.product-description, .dvl-tab-content) .flex { display: flex; }
:is(.product-description, .dvl-tab-content) .inline-block { display: inline-block; }
:is(.product-description, .dvl-tab-content) .hidden { display: none; }
:is(.product-description, .dvl-tab-content) .items-center { align-items: center; }
:is(.product-description, .dvl-tab-content) .flex-none { flex: none; }
:is(.product-description, .dvl-tab-content) .w-full { width: 100%; }
:is(.product-description, .dvl-tab-content) .mx-auto { margin-left: auto; margin-right: auto; }
:is(.product-description, .dvl-tab-content) .max-w-xl { max-width: 36rem; }

/* ---- spacing ---- */
:is(.product-description, .dvl-tab-content) .mt-1 { margin-top: 0.25rem; }
:is(.product-description, .dvl-tab-content) .mt-2 { margin-top: 0.5rem; }
:is(.product-description, .dvl-tab-content) .mt-4 { margin-top: 1rem; }
:is(.product-description, .dvl-tab-content) .mt-6 { margin-top: 1.5rem; }
:is(.product-description, .dvl-tab-content) .mt-8 { margin-top: 2rem; }
:is(.product-description, .dvl-tab-content) .mb-4 { margin-bottom: 1rem; }
:is(.product-description, .dvl-tab-content) .mb-6 { margin-bottom: 1.5rem; }
:is(.product-description, .dvl-tab-content) .ml-8 { margin-left: 2rem; }
:is(.product-description, .dvl-tab-content) .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
:is(.product-description, .dvl-tab-content) .mb-\[29px\] { margin-bottom: 29px; }
:is(.product-description, .dvl-tab-content) .py-\[14px\] { padding-top: 14px; padding-bottom: 14px; }
:is(.product-description, .dvl-tab-content) .px-\[28px\] { padding-left: 28px; padding-right: 28px; }
:is(.product-description, .dvl-tab-content) .gap-x-3 { column-gap: 0.75rem; }
:is(.product-description, .dvl-tab-content) .space-y-1 > * + * { margin-top: 0.25rem; }

/* ---- sizing (Tailwind v4 `size-*`) ---- */
:is(.product-description, .dvl-tab-content) .size-5 { width: 1.25rem; height: 1.25rem; }
:is(.product-description, .dvl-tab-content) .size-12 { width: 3rem; height: 3rem; }

/* ---- typography ---- */
:is(.product-description, .dvl-tab-content) .font-semibold { font-weight: 600; }
:is(.product-description, .dvl-tab-content) .font-bold { font-weight: 700; }
:is(.product-description, .dvl-tab-content) .tracking-tight { letter-spacing: -0.025em; }
:is(.product-description, .dvl-tab-content) .text-pretty { text-wrap: pretty; }
:is(.product-description, .dvl-tab-content) .text-xl { font-size: 1.25rem; line-height: 1.75rem; }
:is(.product-description, .dvl-tab-content) .text-2xl { font-size: 1.5rem; line-height: 2rem; }
:is(.product-description, .dvl-tab-content) .text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
:is(.product-description, .dvl-tab-content) .text-base\/7 { font-size: 1rem; line-height: 1.75rem; }
:is(.product-description, .dvl-tab-content) .text-xl\/7 { font-size: 1.25rem; line-height: 1.75rem; }
:is(.product-description, .dvl-tab-content) .text-\[18px\] { font-size: 18px; }
:is(.product-description, .dvl-tab-content) .leading-\[18px\] { line-height: 18px; }

/* ---- lists ---- */
:is(.product-description, .dvl-tab-content) .list-disc { list-style-type: disc; padding-left: 1.25rem; }
:is(.product-description, .dvl-tab-content) .list-decimal { list-style-type: decimal; padding-left: 1.25rem; }

/* ---- brand color utilities (mapped to SEA FUN palette) ---- */
:is(.product-description, .dvl-tab-content) .bg-primary-600 { background-color: #0A2540; }
:is(.product-description, .dvl-tab-content) .text-primary-50 { color: #EAF6FC; }
:is(.product-description, .dvl-tab-content) .rounded-\[50px\] { border-radius: 50px; }

/* ---- responsive: sm (640px) ---- */
@media (min-width: 640px) {
	:is(.product-description, .dvl-tab-content) .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
}

/* ---- responsive: lg (1024px) ---- */
@media (min-width: 1024px) {
	:is(.product-description, .dvl-tab-content) .lg\:flex { display: flex; }
	:is(.product-description, .dvl-tab-content) .lg\:flex-none { flex: none; }
	:is(.product-description, .dvl-tab-content) .lg\:mb-0 { margin-bottom: 0; }
	:is(.product-description, .dvl-tab-content) .lg\:ml-8 { margin-left: 2rem; }
	:is(.product-description, .dvl-tab-content) .lg\:mr-0 { margin-right: 0; }
	:is(.product-description, .dvl-tab-content) .lg\:w-full { width: 100%; }
	:is(.product-description, .dvl-tab-content) .lg\:max-w-none { max-width: none; }
}

/* ---- defensive: hide wpautop-generated empty paragraphs and empty
        image-placeholder wrappers so they never add stray gaps ---- */
:is(.product-description, .dvl-tab-content) p:empty { display: none; margin: 0; padding: 0; }
:is(.product-description, .dvl-tab-content) .dvl-description-images:empty { display: none; }

/* ---- non-Tailwind helper classes in the markup ---- */
:is(.product-description, .dvl-tab-content) .manual-link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}