/**
 * Estilos para [motai_product_description]
 * Descripción del producto WooCommerce
 * 
 * @package MotaiListingPlugin
 * @version 2.4.1
 */

/* Container principal */
.motai-product-description {
    font-family: inherit;
    line-height: 1.6;
}

/* Título opcional */
.motai-product-description-title {
    color: var(--bricks-color-white, #ffffff);
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 12px;
}

/* Contenido de la descripción */
.motai-product-description-content {
    color: var(--bricks-color-rboajf, #9ca3af);
    font-size: 14px;
    font-weight: 400;
}

/* Párrafos dentro de la descripción */
.motai-product-description-content p {
    margin-bottom: 12px;
}

.motai-product-description-content p:last-child {
    margin-bottom: 0;
}

/* Listas dentro de la descripción */
.motai-product-description-content ul,
.motai-product-description-content ol {
    margin: 12px 0;
    padding-left: 20px;
}

.motai-product-description-content li {
    margin-bottom: 6px;
}

/* Links dentro de la descripción */
.motai-product-description-content a {
    color: var(--bricks-color-primary, #3b82f6);
    text-decoration: underline;
    transition: color 0.2s ease;
}

.motai-product-description-content a:hover {
    color: var(--bricks-color-primary-dark, #2563eb);
}

/* ================================
   VARIANTES
   ================================ */

/* Variante con fondo */
.motai-product-description.motai-description--boxed {
    background-color: var(--bricks-color-skygxk, #1a1a2e);
    padding: 20px 24px;
    border-radius: 12px;
}

/* Variante clara */
.motai-product-description.motai-description--light .motai-product-description-title {
    color: var(--bricks-color-dark, #1f2937);
}

.motai-product-description.motai-description--light .motai-product-description-content {
    color: var(--bricks-color-gray, #6b7280);
}

/* Variante texto grande */
.motai-product-description.motai-description--large .motai-product-description-content {
    font-size: 16px;
    line-height: 1.7;
}

/* Variante texto pequeño */
.motai-product-description.motai-description--small .motai-product-description-content {
    font-size: 13px;
}

/* ================================
   RESPONSIVE
   ================================ */
@media (max-width: 768px) {
    .motai-product-description-title {
        font-size: 1.1rem;
    }
    
    .motai-product-description-content {
        font-size: 13px;
    }
    
    .motai-product-description.motai-description--boxed {
        padding: 16px 18px;
    }
}