/* ============================================================
   OASIS DİJİTAL v3.0 — Black & Gold Enterprise Theme
   ============================================================ */

/* ---------- RESET ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
img,video,svg{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
button{cursor:pointer;font-family:inherit;border:none;background:none}
ul,ol{list-style:none;padding:0;margin:0}
input,textarea,select{font-family:inherit}

/* ---------- CSS CUSTOM PROPERTIES ---------- */
:root{
    --gold:#C9A84C;
    --gold-light:#d4b85a;
    --gold-dark:#b8942e;
    --gold-glow:rgba(201,168,76,0.3);
    --black:#0a0a0f;
    --black-2:#111118;
    --black-3:#1a1a24;
    --dark-card:rgba(255,255,255,0.03);
    --dark-border:rgba(255,255,255,0.06);
    --dark-border-hover:rgba(201,168,76,0.2);
    --text:rgba(255,255,255,0.85);
    --text-muted:rgba(255,255,255,0.4);
    --text-dim:rgba(255,255,255,0.2);
    --radius:1rem;
    --radius-lg:1.5rem;
    --shadow:0 20px 60px -12px rgba(0,0,0,0.5);
    --shadow-gold:0 8px 30px rgba(201,168,76,0.2);
    --ease:cubic-bezier(0.16,1,0.3,1);
    --ease-2:cubic-bezier(0.175,0.885,0.32,1.275);
}

/* ---------- SCROLLBAR ---------- */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--black)}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}

/* ---------- NAVIGATION ---------- */
#navbar{
    position:fixed;top:0;left:0;right:0;z-index:1000;
    background:transparent;
    transition:all 0.5s var(--ease);
}
#navbar.scrolled{
    background:rgba(10,10,15,0.92);
    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    border-bottom:1px solid var(--dark-border);
    box-shadow:0 4px 30px rgba(0,0,0,0.4);
}
.nav-link{
    position:relative;
    font-size:.88rem;font-weight:500;
    color:var(--text-muted);
    padding:.4rem 0;
    transition:color 0.3s;
    letter-spacing:.02em;
}
.nav-link::after{
    content:'';position:absolute;bottom:-2px;left:0;
    width:0;height:2px;
    background:var(--gold);
    transition:width 0.35s var(--ease);
    border-radius:1px;
}
.nav-link:hover,.nav-link.active{color:var(--gold)}
.nav-link:hover::after,.nav-link.active::after{width:100%}
.nav-btn{
    padding:.55rem 1.4rem;
    background:linear-gradient(135deg,var(--gold),var(--gold-light));
    color:var(--black);font-weight:700;
    border-radius:.75rem;font-size:.85rem;
    transition:all 0.35s var(--ease);
}
.nav-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 30px var(--gold-glow);
}

/* ---------- HERO / SLIDER ---------- */
.hero-slide{
    position:absolute;inset:0;
    opacity:0;visibility:hidden;
    transition:opacity 1.2s ease,visibility 1.2s ease;
    background-size:cover;background-position:center;
}
.hero-slide.active{opacity:1;visibility:visible}
.hero-overlay{
    position:absolute;inset:0;
    background:linear-gradient(135deg,rgba(10,10,15,0.92) 0%,rgba(10,10,15,0.2) 50%,rgba(10,10,15,0.85) 100%);
}
.hero-content{display:none}
.hero-content.active{display:block;animation:heroIn 1s var(--ease) forwards}
@keyframes heroIn{
    0%{opacity:0;transform:translateY(40px)}
    100%{opacity:1;transform:translateY(0)}
}
.hero-dot{cursor:pointer;transition:all .4s var(--ease)}
.hero-dot:hover{background:var(--gold)!important;opacity:.6}

/* ---------- BUTTONS ---------- */
.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
    padding:.8rem 2rem;font-weight:700;
    border-radius:.75rem;font-size:.9rem;
    transition:all .35s var(--ease);
    white-space:nowrap;border:none;cursor:pointer;
}
.btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold-light));
    color:var(--black);
}
.btn-gold:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 40px var(--gold-glow);
}
.btn-outline{
    background:transparent;
    border:1.5px solid rgba(255,255,255,.12);
    color:var(--text);
}
.btn-outline:hover{
    border-color:var(--gold);color:var(--gold);
    transform:translateY(-2px);
    background:rgba(201,168,76,.04);
}
.btn-sm{padding:.55rem 1.2rem;font-size:.82rem;border-radius:.6rem}
.btn-lg{padding:1rem 2.5rem;font-size:1rem}

/* ---------- SECTION META ---------- */
.section-tag{
    display:inline-flex;align-items:center;gap:.35rem;
    padding:.3rem .9rem;border-radius:2rem;
    font-size:.7rem;font-weight:700;text-transform:uppercase;
    letter-spacing:.12em;
    background:rgba(201,168,76,.08);
    color:var(--gold);
    border:1px solid rgba(201,168,76,.15);
}
.section-title{
    font-size:clamp(1.8rem,4vw,2.8rem);
    font-weight:800;line-height:1.12;
    letter-spacing:-.02em;
}
.section-sub{
    color:var(--text-muted);
    font-size:1rem;max-width:560px;
    line-height:1.75;
}
.gold-line{
    width:48px;height:3px;
    background:linear-gradient(90deg,var(--gold),transparent);
    border-radius:2px;
}

/* ---------- CARDS ---------- */
.card{
    background:linear-gradient(180deg,var(--dark-card) 0%,rgba(255,255,255,.01) 100%);
    border:1px solid var(--dark-border);
    border-radius:var(--radius-lg);
    transition:all .45s var(--ease);
    overflow:hidden;
}
.card:hover{
    border-color:var(--dark-border-hover);
    transform:translateY(-6px);
    box-shadow:var(--shadow);
}
.card-img{overflow:hidden;position:relative}
.card-img img{transition:transform .7s var(--ease);width:100%;height:100%;object-fit:cover}
.card:hover .card-img img{transform:scale(1.07)}
.card-body{padding:1.5rem}

/* ---------- SERVICE CARD ---------- */
.service-card{
    background:linear-gradient(180deg,var(--dark-card) 0%,rgba(255,255,255,.01) 100%);
    border:1px solid var(--dark-border);
    border-radius:var(--radius-lg);
    padding:2.5rem 2rem;
    transition:all .4s var(--ease);
    position:relative;overflow:hidden;
    text-align:center;
}
.service-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,var(--gold),var(--gold-light));
    transform:scaleX(0);transform-origin:left;
    transition:transform .5s var(--ease);
}
.service-card:hover::before{transform:scaleX(1)}
.service-card:hover{
    transform:translateY(-6px);
    border-color:rgba(201,168,76,.12);
    box-shadow:0 20px 60px -12px rgba(0,0,0,.4);
}
.service-card .icon-wrap{
    width:64px;height:64px;border-radius:1rem;
    background:linear-gradient(135deg,rgba(201,168,76,.1),rgba(201,168,76,.04));
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 1.25rem;
    transition:transform .3s var(--ease);
}
.service-card:hover .icon-wrap{transform:scale(1.1)}

/* ---------- TESTIMONIAL ---------- */
.testimonial-card{
    background:linear-gradient(180deg,var(--dark-card) 0%,rgba(255,255,255,.01) 100%);
    border:1px solid var(--dark-border);
    border-radius:var(--radius-lg);
    padding:2rem;
    transition:all .35s ease;
}
.testimonial-card:hover{
    border-color:rgba(201,168,76,.18);
    transform:translateY(-4px);
    box-shadow:0 15px 40px -8px rgba(0,0,0,.3);
}

/* ---------- STATS ---------- */
.stat-item{text-align:center;padding:1.5rem}
.stat-item .stat-val{
    font-size:clamp(2rem,4vw,3rem);
    font-weight:800;color:var(--gold);
    line-height:1.1;
}
.stat-item .stat-label{
    color:var(--text-muted);
    margin-top:.5rem;font-size:.9rem;font-weight:500;
}

/* ---------- FORMS ---------- */
.form-input{
    width:100%;padding:.85rem 1.2rem;
    background:rgba(255,255,255,.03);
    border:1.5px solid rgba(255,255,255,.07);
    border-radius:.75rem;
    color:#fff;font-size:.95rem;
    transition:all .3s ease;outline:none;
}
.form-input:focus{
    border-color:var(--gold);
    background:rgba(201,168,76,.02);
    box-shadow:0 0 0 4px rgba(201,168,76,.06);
}
.form-input::placeholder{color:rgba(255,255,255,.15)}
.form-input.err{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.06)}
textarea.form-input{min-height:130px;resize:vertical}

/* ---------- FILTER ---------- */
.filter-btn{
    padding:.5rem 1.4rem;border-radius:2rem;
    font-size:.85rem;font-weight:500;
    border:1.5px solid rgba(255,255,255,.07);
    color:var(--text-muted);
    background:transparent;transition:all .3s ease;cursor:pointer;
}
.filter-btn:hover{border-color:rgba(201,168,76,.25);color:var(--gold)}
.filter-btn.active{
    background:linear-gradient(135deg,var(--gold),var(--gold-light));
    color:var(--black);border-color:transparent;font-weight:600;
}

/* ---------- GALLERY ---------- */
.gallery-thumb{cursor:pointer;border:2px solid transparent;border-radius:.75rem;overflow:hidden;transition:all .3s ease;opacity:.6}
.gallery-thumb:hover,.gallery-thumb.active{border-color:var(--gold);opacity:1}

/* ---------- BREADCRUMB ---------- */
.breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.8rem;color:var(--text-dim)}
.breadcrumb a{color:var(--text-muted);transition:color .3s}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb .sep{color:rgba(255,255,255,.1)}

/* ---------- TAG / BADGE ---------- */
.tag{
    display:inline-flex;align-items:center;gap:.35rem;
    padding:.2rem .7rem;border-radius:2rem;
    font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;
}
.tag-gold{background:rgba(201,168,76,.1);color:var(--gold);border:1px solid rgba(201,168,76,.15)}
.tag-dark{background:rgba(0,0,0,.5);color:rgba(255,255,255,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08)}

/* ---------- ANIMATIONS ---------- */
.fade-in,.fade-left,.fade-right{
    opacity:0;transition:all .7s var(--ease);
}
.fade-in{transform:translateY(24px)}
.fade-left{transform:translateX(-30px)}
.fade-right{transform:translateX(30px)}
.fade-in.visible,.fade-left.visible,.fade-right.visible{opacity:1;transform:translate(0,0)}

/* ---------- SPINNER ---------- */
.spinner{
    width:32px;height:32px;
    border:3px solid rgba(255,255,255,.04);
    border-top-color:var(--gold);
    border-radius:50%;
    animation:spin .7s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- PROSE ---------- */
.prose-custom{line-height:1.8;color:rgba(255,255,255,.65)}
.prose-custom h1,.prose-custom h2,.prose-custom h3,.prose-custom h4{color:#fff;margin-top:1.5em;margin-bottom:.5em;font-weight:700}
.prose-custom p{margin-bottom:1em}
.prose-custom ul,.prose-custom ol{padding-left:1.5em;margin-bottom:1em}
.prose-custom ul li{list-style:disc}
.prose-custom ol li{list-style:decimal}
.prose-custom a{color:var(--gold)}
.prose-custom blockquote{border-left:3px solid var(--gold);padding-left:1.5em;margin:1.5em 0;color:var(--text-muted);font-style:italic}

/* ---------- ACCESSIBILITY ---------- */
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}

/* ---------- GLOW EFFECTS ---------- */
.glow-gold{box-shadow:0 0 30px rgba(201,168,76,.08)}
.glow-gold:hover{box-shadow:0 0 50px rgba(201,168,76,.15)}

/* ---------- FOOTER ---------- */
footer a{transition:color .3s}
footer a:hover{color:var(--gold)!important}

/* ---------- MOBILE ---------- */
@media(max-width:640px){
    .section-title{font-size:1.6rem}
    .btn{padding:.65rem 1.4rem;font-size:.85rem}
    .service-card{padding:1.75rem 1.25rem}
    .testimonial-card,.card-body{padding:1.25rem}
}
@media(max-width:768px){
    .stat-item .stat-val{font-size:2rem}
    .gallery-thumb{opacity:1}
}
@media print{
    #navbar,footer,.btn,.nav-btn{display:none!important}
    body{background:#fff!important;color:#000!important}
}