\n/* ===== AYODEJI AJADI PORTFOLIO — GLOBAL OVERRIDES ===== */\n@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Raleway:wght@300;400;500;600;700&display=swap');\n\n/* Force dark background on EVERYTHING */\nhtml, body,\nbody.flavor-flavor,\n.flavor-flavor,\n#page, #content, #primary, .site,\n.site-content, .page-content,\n.elementor, .elementor-page,\n.page-template-default,\n.page-template-elementor_header_footer,\n.elementor-default,\n.elementor-kit-7 {\n    background-color: #000000 !important;\n    color: rgba(255,255,255,0.8) !important;\n}\n\n/* Blue Edge Glow (Samotigba signature) */\nbody::before,\nbody::after {\n    content: '';\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    width: 2px;\n    z-index: 9999;\n    pointer-events: none;\n    background: linear-gradient(to bottom, transparent 5%, rgba(30,80,220,0.5) 30%, rgba(30,80,220,0.5) 70%, transparent 95%);\n}\nbody::before { left: 0; box-shadow: 0 0 40px 15px rgba(30,80,220,0.25), 0 0 80px 30px rgba(30,80,220,0.12); }\nbody::after  { right: 0; box-shadow: 0 0 40px 15px rgba(30,80,220,0.25), 0 0 80px 30px rgba(30,80,220,0.12); }\n\n/* Glassmorphic Card */\n.ajadi-glass-card {\n    background: rgba(255,255,255,0.02) !important;\n    backdrop-filter: blur(25px) saturate(1.2) !important;\n    -webkit-backdrop-filter: blur(25px) saturate(1.2) !important;\n    border: 1px solid rgba(255,255,255,0.08) !important;\n    border-radius: 16px !important;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.6), 0 0 30px rgba(30,80,220,0.06) !important;\n}\n\n/* Glow Hover */\n.ajadi-glow-hover {\n    transition: all 0.4s cubic-bezier(0.25,0.46,0.45,0.94) !important;\n    border: 1px solid rgba(255,255,255,0.08) !important;\n}\n.ajadi-glow-hover:hover {\n    border-color: #eab329 !important;\n    box-shadow: 0 20px 45px rgba(0,0,0,0.7), 0 0 25px rgba(234,179,41,0.15) !important;\n    transform: translateY(-6px) !important;\n}\n\n/* Iridescent Text Gradient */\n.ajadi-text-gradient,\n.ajadi-text-gradient .elementor-heading-title {\n    background: linear-gradient(135deg, #ffffff 0%, #e0d0ff 25%, #eab329 70%, #ffffff 100%) !important;\n    background-size: 200% auto !important;\n    -webkit-background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    background-clip: text !important;\n    animation: ajadi-shimmer 6s ease-in-out infinite !important;\n}\n\n@keyframes ajadi-shimmer {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n}\n\n/* Fix Elementor containers to actually use full width */\n.elementor-element[data-element_type="container"] {\n    width: 100% !important;\n}\n\n/* Force flex-row containers to display as rows */\n.e-con[data-settings*="row"],\n.e-con.e-con--row {\n    flex-direction: row !important;\n    flex-wrap: wrap !important;\n}\n\n/* Container width overrides for the split layouts */\n.e-con > .e-con {\n    flex-shrink: 0;\n}\n\n/* Links default */\na { color: #eab329; }\na:hover { color: #f0c14b; }\n

\n\n/* ===== FLEX ROW FIX ===== */\n/* Force containers with flex_direction=row to display as rows */\n.e-con.e-con--row,\n.elementor-element.e-con[data-settings*='"flex_direction":"row"'] {\n    display: flex !important;\n    flex-direction: row !important;\n    flex-wrap: wrap !important;\n}\n\n/* Child containers inside row parents should respect their width */\n.e-con.e-con--row > .e-con,\n.e-con.e-con--row > .e-child {\n    flex-shrink: 0 !important;\n}\n\n/* Hero split: first child 50%, second child 42% */\n.e-con.e-con--row[data-settings*='"min_height"'] > .e-con:first-child {\n    width: 50% !important;\n    max-width: 50% !important;\n    flex: 0 0 50% !important;\n}\n.e-con.e-con--row[data-settings*='"min_height"'] > .e-con:last-child {\n    width: 42% !important;\n    max-width: 42% !important;\n    flex: 0 0 42% !important;\n}\n\n/* 4-column expertise grid: all children ~23.5% */\n.e-con.e-con--row > .e-con.ajadi-glass-card.ajadi-glow-hover {\n    width: 23.5% !important;\n    max-width: 23.5% !important;\n    flex: 0 0 23.5% !important;\n    min-width: 200px !important;\n}\n\n/* 3-column project grid: all children ~31% */\n.e-con.e-con--row > .e-con.ajadi-glass-card.ajadi-glow-hover:not(:nth-child(4)) {\n    /* Only if there are exactly 3 children (no 4th) */\n}\n\n/* Generic: any row container's direct children that have a width set */\n.e-con.e-con--row > .e-con[style*="width"] {\n    flex-shrink: 0 !important;\n}\n\n/* Mobile responsive: stack on small screens */\n@media (max-width: 767px) {\n    .e-con.e-con--row {\n        flex-direction: column !important;\n    }\n    .e-con.e-con--row > .e-con {\n        width: 100% !important;\n        max-width: 100% !important;\n        flex: 0 0 100% !important;\n    }\n}\n\n/* Tablet: 2 columns for grids */\n@media (min-width: 768px) and (max-width: 1024px) {\n    .e-con.e-con--row > .e-con.ajadi-glass-card.ajadi-glow-hover {\n        width: 48% !important;\n        max-width: 48% !important;\n        flex: 0 0 48% !important;\n    }\n}\n