/*
Theme Name: Cloud Akademi
Theme URI: https://cloudakademi.com
Author: Mimoza Bilişim
Author URI: https://mimozabilisim.com
Description: Cloud Akademi - Dikkat & Performans Takip sistemi için Elementor uyumlu, modern, cam efektli WordPress teması.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: cloud-akademi
*/

:root{
  --ca-bg-1:#0f172a;
  --ca-bg-2:#1e1b4b;
  --ca-bg-3:#312e81;
  --ca-blue:#3b82f6;
  --ca-blue-2:#60a5fa;
  --ca-purple:#8b5cf6;
  --ca-surface:rgba(255,255,255,0.07);
  --ca-border:rgba(255,255,255,0.10);
}

html,body{height:100%;}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: linear-gradient(135deg, var(--ca-bg-1) 0%, var(--ca-bg-2) 50%, var(--ca-bg-3) 100%);
  color:#fff;
}

.ca-glass{
  background: var(--ca-surface);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--ca-border);
  border-radius: 1.5rem;
}

.ca-container{max-width:72rem;margin:0 auto;padding:1.5rem;}

/* Make Elementor full width sections look clean on this dark bg */
.elementor-section.elementor-section-stretched{background: transparent;}

/* Accessible focus */
a:focus, button:focus, input:focus, textarea:focus{outline:2px solid var(--ca-blue-2);outline-offset:2px;}

/* WordPress defaults */
.wp-block-image img{height:auto;}


.ca-container{max-width:72rem;margin:0 auto;padding:1.25rem;}

.ca-tab-btn{transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;}
.ca-tab-btn.is-active{background:rgba(255,255,255,.2);box-shadow:0 4px 15px rgba(0,0,0,.2);transform:translateY(-2px);border-color:var(--ca-blue-2);}

.ca-grid-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s;}
.ca-grid-item:hover{background:rgba(255,255,255,.15);}
.ca-grid-item.is-active{background:var(--ca-blue);border-color:var(--ca-blue-2);}

.ca-progress{height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;}
.ca-progress > span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ca-blue),var(--ca-purple));transition:width .5s ease;}

@keyframes caEyeH{0%,100%{transform:translateX(-120px)}50%{transform:translateX(120px)}}
.ca-eye-dot{width:30px;height:30px;background:var(--ca-blue-2);border-radius:50%;box-shadow:0 0 20px var(--ca-blue);} 
.ca-eye-h{animation:caEyeH 3s infinite ease-in-out;}

/* WordPress content defaults */
.entry-content a{color:var(--ca-blue-2);text-decoration:underline;}
.entry-content h1,.entry-content h2,.entry-content h3{font-weight:800;letter-spacing:-.02em;}

/* Elementor container in dark */
.elementor-section, .elementor-column, .elementor-widget-container{color:inherit;}