/**
 * Calcola Prezzo Tecno-P - Frontend Styles
 *
 * @package Tecnop_Min_Area
 * @since 2.0.0
 */

/* ==========================================================================
   Minimum Area Notice
   ========================================================================== */

.tecnop-min-area-notice {
    background-color: #e8f4fd;
    border: 1px solid #b3d7f5;
    border-left: 4px solid #2196f3;
    border-radius: 4px;
    padding: 10px 14px;
    margin: 12px 0;
    font-size: 13px;
    color: #1565c0;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.4;
}

.tecnop-min-area-icon {
    font-size: 18px;
    color: #2196f3;
    font-weight: bold;
    flex-shrink: 0;
}

/* ==========================================================================
   Cart Notice
   ========================================================================== */

.woocommerce-cart .tecnop-min-area-info,
.woocommerce-checkout .tecnop-min-area-info {
    font-size: 12px;
    color: #666;
    font-style: italic;
    display: block;
    margin-top: 6px;
}

/* ==========================================================================
   Positioning
   ========================================================================== */

.wc-measurement-price-calculator-price + .tecnop-min-area-notice,
.product_price + .tecnop-min-area-notice {
    margin-top: 12px;
}

/* ==========================================================================
   Theme Compatibility
   ========================================================================== */

/* Ensure notice is visible on dark themes */
.dark-theme .tecnop-min-area-notice,
[data-theme="dark"] .tecnop-min-area-notice {
    background-color: #1e3a5f;
    border-color: #2196f3;
    color: #90caf9;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .tecnop-min-area-notice {
        border-width: 2px;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .tecnop-min-area-notice {
        transition: none;
    }
}