/**
 * SAM Plugin Styles
 * 
 * Main stylesheet for SAM Plugin frontend and admin styles
 */

/* ==========================================================================
   CSS Variables (Global)
   ========================================================================== */

:root {
    /* Brand Colors */
    --sam-primary-color: #0161a2;
    --sam-secondary-color: #06b0e0;
    
    /* Status Colors */
    --sam-success-color: #00a32a;
    --sam-warning-color: #ffc107;
    --sam-danger-color: #d63638;
    --sam-info-color: #0073aa;
    
    /* Spacing */
    --sam-spacing-xs: 5px;
    --sam-spacing-sm: 10px;
    --sam-spacing-md: 15px;
    --sam-spacing-lg: 20px;
    --sam-spacing-xl: 30px;
    
    /* Borders */
    --radius-sm: 4px;
    --radius-lg: 24px;
}

/* ==========================================================================
   Frontend Styles
   ========================================================================== */

/* Pending Cancellation Notice */
.woocommerce-message.woocommerce-message--info {
    background-color: #f4f4f4;
    /* border-left: 4px solid var(--sam-warning-color); */
    /* padding: var(--sam-spacing-md); */
    /* margin: var(--sam-spacing-lg) 0; */
    border-radius: var(--radius-lg);
    border-color: var(--sam-primary-color);
    border: none;
    padding: 1.5em 2em 1em 3.5em;
    /* color: #ffffff; */
}
.woocommerce-message.woocommerce-message--info::before {
    content: "\e016";
    color: var(--sam-primary-color);
    font-family: WooCommerce;
    font-size:1.23em;
    left: 1.3em;
    top: 1.5em;
}
.woocommerce-message--info-text {
    font-size:1.12em;
}
.woocommerce-message--info-title {
    margin-bottom: 1rem;
    margin-top: 6px;
    font-size: 1.23em;
    display: block;
}
.woocommerce-message--info strong {
}

/* ==========================================================================
   Admin Styles
   ========================================================================== */

/* Pending Cancellation Meta Box */
#sam_pending_cancellation_details {
    /* Custom styles for the meta box if needed */
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

.sam-hidden {
    display: none !important;
}

.sam-text-danger {
    color: var(--sam-danger-color);
}

.sam-text-success {
    color: var(--sam-success-color);
}

.sam-text-warning {
    color: var(--sam-warning-color);
}