/*
Theme Name: Ona Ozel Crimson Editorial
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,500;1,600&family=Inter:wght@300;400;600;700;900&display=swap');

:root{
--bg:#050505;
--red1:#2a0000;
--red2:#7d0008;
--red3:#b30010;
--text:#ffffff;
--muted:rgba(255,255,255,.75);
--border:rgba(255,255,255,.08);
}
body{
margin:0;
font-family:Inter,sans-serif;
color:var(--text);
background:
radial-gradient(circle at 50% 45%, rgba(179,0,16,.65), transparent 35%),
radial-gradient(circle at 50% 30%, rgba(125,0,8,.55), transparent 50%),
linear-gradient(180deg,#140000 0%, #3a0004 45%, #180000 100%);
min-height:100vh;
}
.container{max-width:1180px;margin:auto;padding:0 32px;}
.hero{padding:120px 0 60px}
.badge{
display:inline-block;padding:10px 18px;border-radius:999px;
background:#c00010;color:#fff;font-size:12px;font-weight:800;
letter-spacing:.18em;text-transform:uppercase;
}
h1{
font-family:'Cormorant Garamond',serif;
font-style:italic;
font-size:clamp(52px,7vw,92px);
line-height:.95;
font-weight:500;
max-width:950px;
margin:30px 0;
}
.meta{display:flex;gap:40px;color:var(--muted);font-weight:700}
.article{
margin-top:60px;
background:rgba(0,0,0,.08);
border-top:1px solid rgba(255,255,255,.08);
padding-top:60px;
}
.article p,.article li{font-size:20px;line-height:1.9;color:rgba(255,255,255,.92)}
.article h2{
font-family:'Cormorant Garamond',serif;
font-size:42px;
}
/* ==================================================
   ONA ÖZEL GLOBAL BUTON TASARIMI (PREMIUM 3D KIRMIZI)
   ================================================== */

.oo-btn-main, 
.btn-action, 
.oo-btn-tasarla, 
.oo-btn-buy, 
.oo-sticky-btn-tasarla {
    /* 1. Arkaplan Renk Geçişi (Üstte açık, altta koyu kırmızı) */
    background: linear-gradient(180deg, #E93131 0%, #C41818 100%) !important;
    
    /* 2. Dış Çerçeve (Koyu kızıl sınır) */
    border: 1px solid #910D0D !important;
    
    /* 3. İç Parlama ve Dış Gölge Efekti (Görseldeki o 3D premium hissi veren kısım) */
    box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.25), 0 8px 15px rgba(0, 0, 0, 0.4) !important;
    
    /* 4. Şekil ve Yapı */
    border-radius: 50px !important; /* Tam yuvarlak köşeler */
    height: 50px !important; /* Standart yükseklik */
    padding: 0 25px !important;
    
    /* 5. Yazı (Tipografi) ve Hizalama */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important; /* Kalın yazı */
    text-shadow: 0 1px 2px rgba(0,0,0,0.4) !important; /* Yazıya derinlik */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important; /* İkon ile yazı arasındaki boşluk */
    
    /* 6. Animasyon */
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

/* BUTONLARIN ÜZERİNE GELDİĞİNDE (HOVER) ÇALIŞACAK EFEKT */
.oo-btn-main:hover, 
.btn-action:hover, 
.oo-btn-tasarla:hover, 
.oo-btn-buy:hover, 
.oo-sticky-btn-tasarla:hover {
    background: linear-gradient(180deg, #F53A3A 0%, #D11C1C 100%) !important; /* Renk biraz parlar */
    box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.35), 0 10px 20px rgba(231, 43, 43, 0.5) !important; /* Gölge büyür */
    transform: translateY(-3px) !important; /* Buton hafifçe havaya kalkar */
}