/* STREAMING_CHUNK:Defining WordPress Theme Details and Base Styles... /
/
Theme Name: Canada Immigration Status Tracker
Theme URI: https://example.com/canada-immigration
Author: AI Theme Developer
Author URI: https://example.com
Description: Custom WordPress theme for Canada Immigration Application Status Check based on official UI layout. Features passport search, custom post type for applicants, timeline document status (LMIA, Visa, Work Permit, Medical Test), multi-language selector, and full responsiveness.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-menu, featured-images, responsive-layout, translation-ready, immigration
Text Domain: canada-immigration
*/

/* Custom Root Variables for Theme Colors */
:root {
--ci-red: #d52b1e;
--ci-red-dark: #b12217;
--ci-navy: #0a192f;
--ci-navy-light: #1e293b;
--ci-blue-bg: #eff6ff;
--ci-blue-border: #bfdbfe;
--ci-blue-text: #1e40af;
--ci-green: #15803d;
--ci-amber: #b45309;
--ci-gray-bg: #f8fafc;
--ci-gray-border: #e2e8f0;
}

/* Global Reset and Typography */
body {
font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #1e293b;
background-color: #ffffff;
margin: 0;
padding: 0;
overflow-x: hidden;
}

/* STREAMING_CHUNK:Styling Navigation and Header Components... */
.ci-top-bar {
background-color: #0f172a;
color: #94a3b8;
font-size: 0.825rem;
padding: 6px 0;
}

.ci-header {
background: #ffffff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
position: sticky;
top: 0;
z-index: 50;
}

/* Custom Flag Badge Effect */
.maple-leaf-icon {
color: var(--ci-red);
display: inline-block;
vertical-align: middle;
}

/* Hero Section Background Overlay */
.hero-bg-overlay {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.95) 100%),
url('https://images.unsplash.com/photo-1503614472-8c93d56e92ce?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;
min-height: 380px;
}

/* STREAMING_CHUNK:Styling Passport Search Box and Cards... */
.passport-search-card {
background: linear-gradient(135deg, #c41e3a 0%, #a01020 100%);
border-radius: 16px;
color: #ffffff;
box-shadow: 0 12px 30px rgba(196, 30, 58, 0.25);
position: relative;
overflow: hidden;
}

.passport-search-card::before {
content: "";
position: absolute;
top: -20px;
right: -20px;
width: 180px;
height: 180px;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23ffffff' opacity='0.08' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L13.5 8H18L14 11.5L15.5 17.5L12 14L8.5 17.5L10 11.5L6 8H10.5L12 2Z'/%3E%3C/svg%3E") no-repeat center/contain;
}

/* Interactive Cards Transition */
.overview-card, .feature-card {
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
border: 1px solid var(--ci-gray-border);
background: #ffffff;
border-radius: 12px;
}

.overview-card:hover, .feature-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
border-color: #cbd5e1;
}

/* Parliament Building Background Graphic */
.parliament-bg {
background-image: url("data:image/svg+xml,%3Csvg width='400' height='100' viewBox='0 0 400 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 100V60L30 50L40 60V100M60 100V40L80 20L100 40V100M120 100V70L130 60L140 70V100' stroke='%233b82f6' stroke-opacity='0.15' stroke-width='2'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right bottom;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.hero-bg-overlay {
min-height: 280px;
}
}