/*
Theme Name: APW 2026 Theme
Theme URI: https://ifeanhealth.com/apw2026
Author: Gemini CLI
Author URI: https://github.com/google-gemini/gemini-cli
Description: A modern block theme for the Africa Prosthetics and Orthotics Week 2026. Designed for easy AI landing page and post development.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: apw2026
Tags: full-site-editing, block-themes, blue, orange, green, medical, professional
*/

/* Global Refinements */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Emirates-inspired Button Hover */
.wp-element-button {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.wp-element-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* Card Hover Effects */
.has-card-shadow {
    transition: all 0.3s ease;
}

.has-card-shadow:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
}

/* Form Field Refinements */
input[type="text"],
input[type="email"],
select,
textarea {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: var(--wp--preset--color--primary) !important;
    box-shadow: 0 0 0 4px rgba(0, 74, 153, 0.1);
}

/* Responsive Map Fix */
#apw-map-container {
    filter: grayscale(0.2) contrast(1.1);
}

/* Glassmorphism Styles */
.is-style-glass-card {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 16px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05) !important;
}

.is-style-glass-card-dark {
    background: rgba(26, 26, 26, 0.6) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
    color: var(--wp--preset--color--base) !important;
}

/* Image Placeholder Styling */
.wp-block-image.is-placeholder {
    background: linear-gradient(110deg, #f1f1f1 8%, #e1e1e1 18%, #f1f1f1 33%);
    background-size: 200% 100%;
    animation: shimmer 1.5s linear infinite;
    border-radius: 12px;
}

@keyframes shimmer {
    0% { background-position: -100% 0; }
    100% { background-position: 100% 0; }
}