/* ========================================
   Custom Styles for Ahimsa.com
   Manually crafted based on config.php settings
   Template Version: 1.25.10141445
   ======================================== */

/* Public Site Section Cards */
.prism-public-card {
    background-color: rgba(255, 255, 255, 0.25);
    border: 1px solid #4b5563;
    border-radius: 10px;
    padding: 1.5rem;
    color: black;
    max-width: 42rem !important;    /* max-w-2xl (672px) for card mode centering */
    margin-left: auto !important;   /* mx-auto for horizontal centering */
    margin-right: auto !important;  /* mx-auto for horizontal centering */
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Public Card without padding - for seamless content areas */
.prism-public-card-no-padding {
    background-color: rgba(255, 255, 255, 0.25);
    border: 1px solid #4b5563;
    border-radius: 10px;
    padding: 0;
    color: black;
    max-width: 42rem !important;    /* max-w-2xl (672px) for card mode centering */
    margin-left: auto !important;   /* mx-auto for horizontal centering */
    margin-right: auto !important;  /* mx-auto for horizontal centering */
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Portal Section Cards (not used in non-portal sites, but included for consistency) */
.prism-portal-card {
    background-color: transparent;
    border: 1px solid #4b5563;
    border-radius: 10px;
    padding: 1rem;
    color: inherit;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
}

/* Portal Card without padding */
.prism-portal-card-no-padding {
    background-color: transparent;
    border: 1px solid #4b5563;
    border-radius: 10px;
    padding: 0;
    color: inherit;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
}

/* Body Background Styling */
.prism-body {
    background-image: url('./images/dovebgv.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    color: #18181b;  /* zinc-900 - very dark gray text */
    font-size: 1.125rem;  /* text-lg */
}

/* Logo Styles - Based on ahimsa config.php */
.prism-logo-image, .prism-logo-container {
    width: 224px !important;  /* w-56 = 14rem = 224px */
    height: auto !important;
    object-fit: contain;
    border-radius: 0.25rem;  /* rounded */
    border: 2px solid #1e3a8a;  /* blue-900 converted */
    background-color: rgba(255, 255, 255, 0.8);  /* white with 80% opacity */
    box-shadow: none;
    transition: all 0.2s ease;
    opacity: 0.8;  /* Make the entire logo element 80% opaque */
}

/* Debug Styles for Tailwind Migration */
.prism-debug-bright-green {
    color: #00ff00 !important;
    background-color: #00ff00 !important;
    border-color: #00ff00 !important;
}

/* Header/Footer Styles - Based on ahimsa config.php */
.prism-header, .prism-footer {
    background-color: rgb(102, 204, 255);  /* header_footer_bg_color - light blue, full opacity */
    color: #1e40af;  /* header_footer_text_color: blue-800 converted */
    border: 2px solid #1e3a8a;  /* header_footer_border_color: blue-900 converted */
}

.prism-header-title {
    color: #1e40af !important;  /* header_footer_text_color */
}

/* Button Styles - Based on ahimsa config.php */
button, .prism-button {
    background-color: #bfdbfe;  /* button_bg_color: blue-200 converted */
    color: #1e40af;  /* button_text_color: blue-800 converted */
    border: 1px solid #1e3a8a;  /* button_border_color: blue-900 converted */
}

/* Form Input Styles - Based on ahimsa config.php */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    background-color: rgba(254, 240, 138, 0.1);  /* input_bg_color: yellow-200 with 10% opacity */
    color: blue;  /* input_text_color */
    border: 1px solid #713f12;  /* input_border_color: yellow-900 converted */
}

/* Section Headers - Based on ahimsa config.php */
h1, h2, h3, h4, h5, h6 {
    color: #1e3a8a;  /* section_header_color: blue-900 converted */
}

/* Section Borders - Wide Mode */
.prism-section-outer-wrapper {
    border-bottom: 1px solid #52525b;  /* zinc-600 - divider between sections */
}