/*
Theme Name: Yıldız Oto Kurtarma Theme
Theme URI: https://oto-kurtarma.net/
Author: OpenAI
Description: WordPress'e kurulabilir Yıldız Oto Kurtarma teması.
Version: 2.5.3
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: yildiz-oto-kurtarma-theme
*/

:root{
    --yildiz-bg:#06070b;
    --yildiz-bg-soft:#10131b;
    --yildiz-surface:rgba(31,35,47,.82);
    --yildiz-surface-strong:rgba(42,47,62,.94);
    --yildiz-border:rgba(255,255,255,.07);
    --yildiz-border-strong:rgba(251,146,60,.28);
    --yildiz-primary:#fb923c;
    --yildiz-primary-2:#f97316;
    --yildiz-primary-glow:rgba(249,115,22,.28);
    --yildiz-text:#f8fafc;
    --yildiz-muted:#b6bfce;
    --yildiz-shadow:0 18px 42px rgba(0,0,0,.32);
    --yildiz-shadow-hover:0 20px 46px rgba(0,0,0,.40), 0 0 0 1px rgba(251,146,60,.10), 0 0 14px rgba(249,115,22,.08);
    --yildiz-radius:22px;
}

html{scroll-behavior:smooth;background:var(--yildiz-bg)}
body{
    background:
        radial-gradient(1100px 700px at 50% -10%, rgba(249,115,22,.14), transparent 48%),
        radial-gradient(900px 600px at 20% 0%, rgba(255,255,255,.03), transparent 45%),
        linear-gradient(180deg, #0a0b11 0%, #06070b 100%);
    color:var(--yildiz-text);
}
body.admin-bar header{top:32px}
@media (max-width:782px){body.admin-bar header{top:46px}}

#root{position:relative;isolation:isolate}
#root::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(900px 420px at 50% 0%, rgba(249,115,22,.09), transparent 55%),
      radial-gradient(700px 380px at 100% 10%, rgba(255,255,255,.03), transparent 50%);
    z-index:-1;
}

.container-custom{
    width:min(100% - 32px, 1320px) !important;
    margin-inline:auto !important;
}
@media (min-width:768px){
    .container-custom{width:min(100% - 56px, 1320px) !important;}
}

header{
    background:rgba(15,17,24,.44) !important;
    backdrop-filter:blur(20px) saturate(145%);
    -webkit-backdrop-filter:blur(20px) saturate(145%);
    border-bottom:1px solid rgba(255,255,255,.04);
    box-shadow:0 10px 34px rgba(0,0,0,.18);
}
header .container-custom > div{
    height:86px !important;
}
header a[href="#hero"] > div{
    border-radius:14px !important;
    box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 10px 30px rgba(249,115,22,.25) !important;
    background:linear-gradient(135deg, #f59e0b 0%, #fb923c 45%, #f97316 100%) !important;
}
header nav a{letter-spacing:.01em}
header nav a:hover{color:#fff !important}
header nav a span.h-0\.5,
header nav a .bg-primary{
    box-shadow:0 0 16px rgba(249,115,22,.55);
}
header .shadow-lg,
header .shadow-primary\/20{box-shadow:none !important}
header button,
header a[href^="tel:"]{
    border-radius:14px !important;
}
header a[href^="tel:"]{
    background:linear-gradient(135deg, #fb923c 0%, #f97316 100%) !important;
    box-shadow:0 12px 24px rgba(249,115,22,.22), 0 0 0 1px rgba(255,255,255,.07) inset !important;
}
header a[href^="tel:"]:hover{
    transform:translateY(-1px);
    box-shadow:0 16px 32px rgba(249,115,22,.30), 0 0 24px rgba(249,115,22,.18) !important;
}

section#hero{
    position:relative;
    min-height:100dvh;
}
section#hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(900px 380px at 50% 24%, rgba(255,255,255,.07), transparent 46%),
        linear-gradient(180deg, rgba(6,7,11,.06) 0%, rgba(6,7,11,.22) 52%, rgba(6,7,11,.44) 78%, rgba(6,7,11,.58) 100%);
    z-index:1;
}
section#hero > .container-custom{position:relative;z-index:2}
section#hero h1{
    text-shadow:0 12px 36px rgba(0,0,0,.52), 0 0 24px rgba(249,115,22,.16);
    letter-spacing:-.04em;
}
section#hero p{
    color:#e9eef7 !important;
    text-shadow:0 8px 18px rgba(0,0,0,.4);
}
section#hero a[href^="tel:"],
section#hero a[href="#location"]{
    min-height:62px;
    border-radius:18px !important;
    font-weight:800 !important;
    box-shadow:0 18px 40px rgba(0,0,0,.24);
}
section#hero a[href^="tel:"]{
    background:linear-gradient(135deg, #fb923c 0%, #f97316 100%) !important;
    box-shadow:0 18px 40px rgba(249,115,22,.22), 0 0 0 1px rgba(255,255,255,.07) inset !important;
}
section#hero a[href="#location"]{
    background:rgba(10,12,18,.38) !important;
    border:1px solid rgba(251,146,60,.32) !important;
}
section#hero a[href="#location"]:hover{
    background:rgba(251,146,60,.10) !important;
    box-shadow:0 10px 30px rgba(249,115,22,.12), inset 0 0 0 1px rgba(251,146,60,.28);
}
section#hero button.rounded-full{
    width:54px;
    height:54px;
    border-color:rgba(255,255,255,.16) !important;
    background:rgba(12,14,22,.22) !important;
    backdrop-filter:blur(12px);
}
section#hero button.rounded-full:hover{
    box-shadow:0 10px 32px rgba(249,115,22,.18);
}

@media (max-width: 767px){
    section#hero::after{
        background:
            radial-gradient(700px 260px at 50% 18%, rgba(255,255,255,.06), transparent 44%),
            linear-gradient(180deg, rgba(6,7,11,.05) 0%, rgba(6,7,11,.16) 48%, rgba(6,7,11,.30) 76%, rgba(6,7,11,.42) 100%);
    }
}

.heading-section{
    letter-spacing:-.03em;
    text-shadow:0 10px 24px rgba(0,0,0,.18);
}
.text-muted-foreground{color:var(--yildiz-muted) !important}

.section-padding{
    position:relative;
    padding-top:110px !important;
    padding-bottom:110px !important;
}
@media (max-width:767px){
    .section-padding{padding-top:74px !important;padding-bottom:74px !important;}
}

#situations,
#areas,
#contact,
#reviews,
#services{
    position:relative;
}
#situations::before,
#services::before,
#areas::before,
#contact::before,
#reviews::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(255,255,255,.012), transparent 14%, transparent 86%, rgba(255,255,255,.018));
}

#situations,
#contact,
.yildiz-wp-reviews-host{
    background:
      radial-gradient(700px 280px at 50% 0%, rgba(255,255,255,.02), transparent 46%),
      linear-gradient(180deg, rgba(22,25,34,.94) 0%, rgba(18,21,29,.98) 100%) !important;
    border-color:rgba(255,255,255,.05) !important;
}
#services{
    background:
      radial-gradient(900px 340px at 50% 0%, rgba(249,115,22,.06), transparent 48%),
      linear-gradient(180deg, #08090d 0%, #050609 100%) !important;
}
#areas{
    background:
      radial-gradient(900px 320px at 50% 0%, rgba(255,255,255,.02), transparent 46%),
      linear-gradient(180deg, #2b2f3a 0%, #2f3441 100%) !important;
}

/* Card look closer to premium static design */
#situations .group.relative,
#services .service-card-inner,
#contact .rounded-xl.border.bg-card,
#contact .bg-card.border-border,
.yildiz-wp-reviews-inner .yildiz-reviews-wrap,
.yildiz-wp-reviews-inner .yildiz-review-form,
.yildiz-wp-reviews-inner .yildiz-review-card{
    background:linear-gradient(180deg, rgba(60,66,82,.95) 0%, rgba(55,61,76,.95) 100%) !important;
    border:1px solid var(--yildiz-border) !important;
    border-radius:24px !important;
    box-shadow:var(--yildiz-shadow) !important;
    backdrop-filter:blur(8px);
}

#situations .group.relative,
#services .service-card-inner{
    overflow:hidden;
}
#situations .group.relative::before,
#contact .rounded-xl.border.bg-card::before,
#contact .bg-card.border-border::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:linear-gradient(180deg, rgba(255,255,255,.04), transparent 28%);
}
#situations .group.relative:hover,
#services .service-card-wrap:hover .service-card-inner,
#contact .rounded-xl.border.bg-card:hover,
#contact .bg-card.border-border:hover,
.yildiz-wp-reviews-inner .yildiz-review-card:hover{
    transform:translateY(-6px);
    border-color:var(--yildiz-border-strong) !important;
    box-shadow:var(--yildiz-shadow-hover) !important;
}
#situations .group.relative,
#services .service-card-inner,
#contact .rounded-xl.border.bg-card,
#contact .bg-card.border-border,
.yildiz-wp-reviews-inner .yildiz-review-card{
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease, background .35s ease;
    position:relative;
    isolation:isolate;
}
#situations .group.relative::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    box-shadow:inset 0 -18px 32px rgba(249,115,22,.08);
    opacity:.9;
}

#situations .group.relative > div:first-child,
#services .service-card-inner > div:first-child > div:first-child,
#contact .w-12.h-12.rounded-xl,
.yildiz-wp-reviews-inner .star,
.yildiz-wp-reviews-inner .rating-star{
    box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 10px 18px rgba(249,115,22,.10);
}
#situations .group.relative:hover > div:first-child,
#services .service-card-wrap:hover .service-card-inner > div:first-child > div:first-child,
#contact .rounded-xl.border.bg-card:hover .w-12.h-12.rounded-xl,
#contact .bg-card.border-border:hover .w-12.h-12.rounded-xl{
    box-shadow:0 12px 20px rgba(249,115,22,.14), 0 0 0 1px rgba(255,255,255,.08) inset;
}

/* Areas grid */
#areas .grid > div{
    border-radius:18px !important;
    background:rgba(58,64,79,.82) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.15);
    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease;
}
#areas .grid > div:hover{
    transform:translateY(-3px);
    border-color:rgba(251,146,60,.32) !important;
    box-shadow:0 16px 36px rgba(0,0,0,.22), 0 0 0 1px rgba(251,146,60,.08), 0 0 20px rgba(249,115,22,.08);
    background:rgba(62,68,84,.94) !important;
}
#areas .grid > div[class*="bg-primary/10"],
#areas .grid > div[class*="border-primary/40"]{
    background:linear-gradient(135deg, rgba(93,71,54,.88) 0%, rgba(78,64,56,.94) 100%) !important;
    border-color:rgba(255,205,156,.42) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.2), inset 0 0 0 1px rgba(255,230,200,.08), 0 0 0 1px rgba(251,146,60,.14), 0 0 22px rgba(249,115,22,.10) !important;
}
#areas .grid > div .text-sm.font-medium{
    font-size:.96rem;
}

/* Buttons generic */
a[href^="tel:"],
button,
.wp-element-button{
    transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}
button:hover,
a[href^="tel:"]:hover,.wp-element-button:hover{transform:translateY(-1px)}

/* Reviews plugin area */
.yildiz-wp-reviews-host{
    padding:96px 0 110px !important;
    border-top:1px solid rgba(255,255,255,.06) !important;
}
.yildiz-wp-reviews-inner{
    max-width:1320px !important;
    margin:0 auto !important;
    padding:0 28px !important;
    box-sizing:border-box !important;
}
.yildiz-wp-reviews-inner .yildiz-review-form,
.yildiz-wp-reviews-inner .yildiz-review-card{
    padding:32px !important;
}
.yildiz-wp-reviews-inner input,
.yildiz-wp-reviews-inner textarea,
.yildiz-wp-reviews-inner select{
    background:rgba(19,24,36,.9) !important;
    border:1px solid rgba(255,255,255,.06) !important;
    border-radius:16px !important;
    color:#fff !important;
    min-height:56px;
}
.yildiz-wp-reviews-inner textarea{min-height:170px}
.yildiz-wp-reviews-inner input::placeholder,
.yildiz-wp-reviews-inner textarea::placeholder{color:rgba(255,255,255,.42)}
.yildiz-wp-reviews-inner button,
.yildiz-wp-reviews-inner .button,
.yildiz-wp-reviews-inner input[type="submit"]{
    background:linear-gradient(135deg, #fb923c 0%, #f97316 100%) !important;
    color:#fff !important;
    border:none !important;
    border-radius:16px !important;
    min-height:58px;
    font-weight:800 !important;
    box-shadow:0 18px 34px rgba(249,115,22,.24);
}
.yildiz-wp-reviews-inner button:hover,
.yildiz-wp-reviews-inner .button:hover,
.yildiz-wp-reviews-inner input[type="submit"]:hover{
    box-shadow:0 22px 40px rgba(249,115,22,.32), 0 0 24px rgba(249,115,22,.14);
}

footer{
    background:#07080c !important;
    border-top:1px solid rgba(255,255,255,.05);
}

@media (max-width: 1024px){
    header nav.container-custom,
    header .container-custom{width:min(100% - 28px, 1320px) !important;}
    #situations .group.relative,
    #services .group.relative,
    #contact .rounded-xl.border.bg-card,
    #contact .bg-card.border-border{border-radius:20px !important;}
}
@media (max-width: 900px){
    .yildiz-wp-reviews-host{padding:74px 0 84px !important;}
    .yildiz-wp-reviews-inner{padding:0 16px !important;}
}
@media (max-width: 767px){
    header .container-custom > div{height:76px !important;}
    section#hero h1{font-size:clamp(2.5rem, 10vw, 4rem) !important;}
    section#hero p{font-size:1.05rem !important;}
    section#hero a[href^="tel:"], section#hero a[href="#location"]{min-height:56px; border-radius:16px !important;}
    #situations .group.relative,
    #services .group.relative,
    #contact .rounded-xl.border.bg-card,
    #contact .bg-card.border-border,
    .yildiz-wp-reviews-inner .yildiz-review-form,
    .yildiz-wp-reviews-inner .yildiz-review-card{border-radius:18px !important;}
}


/* v2.2 polish: keep premium glow but prevent spillover */
#situations .group.relative,
#services .service-card-inner{
    overflow:hidden;
}
#situations .group.relative:hover,
#services .group.relative:hover{
    transform:translateY(-4px);
}

.yildiz-wp-reviews-host .yr-slider-controls{
    position:relative;
    z-index:2;
}
.yildiz-wp-reviews-host .yr-nav{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    border-radius:14px;
    box-shadow:0 8px 18px rgba(0,0,0,.28) !important;
}
.yildiz-wp-reviews-host .yr-nav::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.07), inset 0 -8px 14px rgba(0,0,0,.08);
}
.yildiz-wp-reviews-host .yr-nav:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 22px rgba(0,0,0,.34), 0 0 10px rgba(249,115,22,.16) !important;
}
.yildiz-wp-reviews-host .yr-nav:focus-visible{
    outline:2px solid rgba(251,146,60,.55);
    outline-offset:2px;
}


/* v2.3 polish: move glow to rounded border frame and keep round slider arrows */
#situations .group.relative,
#services .group.relative{
    box-shadow:var(--yildiz-shadow) !important;
    overflow:hidden !important;
}
#situations .group.relative::before,
#services .group.relative::before{
    background:linear-gradient(180deg, rgba(255,255,255,.035), transparent 30%) !important;
}
#situations .group.relative::after{
    inset:0;
    border-radius:inherit;
    box-shadow:none !important;
    opacity:1 !important;
    background:linear-gradient(180deg, rgba(255,255,255,.02), transparent 38%);
    pointer-events:none;
}
#situations .group.relative,
#services .group.relative{
    position:relative;
    isolation:isolate;
}
#situations .group.relative > div:first-child,
#services .group.relative > div:first-child{
    position:relative;
    z-index:1;
}
#situations .group.relative > div:first-child::after,
#services .group.relative > div:first-child::after{
    content:none !important;
}
#situations .group.relative::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    z-index:0;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.04),
        inset 0 -18px 30px rgba(249,115,22,.10),
        0 0 0 1px rgba(249,115,22,.06);
    opacity:.95;
}
#situations .group.relative:hover,
#services .group.relative:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 44px rgba(0,0,0,.42) !important;
}
#situations .group.relative:hover::after,
#services .group.relative:hover::after{
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.05),
        inset 0 -20px 34px rgba(249,115,22,.14),
        0 0 0 1px rgba(249,115,22,.10);
}

.yildiz-wp-reviews-host .yr-slider-controls,
.yildiz-wp-reviews-host .yr-slider-nav,
.yildiz-wp-reviews-host .yr-slider-header,
.yildiz-wp-reviews-host .yr-slider-wrap,
.yildiz-wp-reviews-host .yr-grid{
    overflow:visible !important;
}
.yildiz-wp-reviews-host .yr-nav{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    border-radius:9999px !important;
    overflow:visible !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    background:linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.07)) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 10px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.18), inset 0 -10px 18px rgba(15,23,42,.18) !important;
    backdrop-filter:blur(12px) saturate(140%);
    -webkit-backdrop-filter:blur(12px) saturate(140%);
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease, border-color .18s ease;
    will-change:transform;
}
.yildiz-wp-reviews-host .yr-nav::after{
    border-radius:9999px !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), inset 0 -8px 12px rgba(15,23,42,.08) !important;
}
.yildiz-wp-reviews-host .yr-nav:hover{
    transform:translateY(-2px) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.10)) !important;
    border-color:rgba(255,255,255,.24) !important;
    box-shadow:0 12px 24px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.yildiz-wp-reviews-host .yr-nav:active{
    transform:translateY(0) scale(.97) !important;
}
.yildiz-wp-reviews-host .yr-nav svg,
.yildiz-wp-reviews-host .yr-nav i,
.yildiz-wp-reviews-host .yr-nav span{
    font-size:16px !important;
    width:16px;
    height:16px;
    line-height:1;
}


/* Services cards: move glow to outer wrapper instead of inner relative card */
#services .service-card-wrap{
    position:relative;
    border-radius:28px;
    padding:1px;
    overflow:visible;
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
    box-shadow:0 0 0 1px rgba(255,255,255,.03), 0 18px 38px rgba(0,0,0,.36), 0 22px 34px rgba(249,115,22,.10);
    transition:transform .35s ease, box-shadow .35s ease, filter .35s ease, background .35s ease;
}
#services .service-card-wrap::before{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:inherit;
    pointer-events:none;
    background:radial-gradient(85% 70% at 50% 100%, rgba(249,115,22,.16), transparent 72%);
    opacity:.95;
}
#services .service-card-wrap:hover{
    transform:translateY(-6px);
    box-shadow:0 0 0 1px rgba(249,115,22,.16), 0 24px 46px rgba(0,0,0,.46), 0 28px 38px rgba(249,115,22,.16);
}
#services .service-card-wrap:hover::before{
    background:radial-gradient(85% 72% at 50% 100%, rgba(249,115,22,.24), transparent 74%);
}
#services .service-card-inner{
    position:relative;
    z-index:1;
    border-radius:27px !important;
    min-height:100%;
    background:linear-gradient(180deg, rgba(60,66,82,.95) 0%, rgba(55,61,76,.95) 100%) !important;
    border:1px solid rgba(255,255,255,.06) !important;
    box-shadow:none !important;
    backdrop-filter:blur(8px);
}
#services .service-card-inner::before,
#services .service-card-inner::after{
    content:none !important;
}


/* v2.4.4: hide hero slider arrows on mobile */
@media (max-width: 767px){
    section#hero button.rounded-full{
        display:none !important;
    }
}


/* v2.4.7.1: reviews slider transition polish without persistent blur */
.yildiz-wp-reviews-host .yr-slider-wrap{
    perspective: 1000px;
}
.yildiz-wp-reviews-host .yr-slider-track{
    transition: transform .55s cubic-bezier(.22,.61,.36,1) !important;
}
.yildiz-wp-reviews-host .yr-slide{
    opacity: .86;
    transform: scale(.992) translateZ(0);
    filter: none !important;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    transition: opacity .34s ease, transform .34s ease, box-shadow .34s ease;
}
.yildiz-wp-reviews-host .yr-slide.is-active{
    opacity: 1;
    transform: scale(1) translateZ(0);
    filter: none !important;
}
.yildiz-wp-reviews-host .yr-slider-track.yr-is-animating .yr-slide.is-active{
    animation: yildizReviewActiveIn .38s cubic-bezier(.22,.61,.36,1);
}
@keyframes yildizReviewActiveIn{
    0%{opacity:.9; transform:scale(.989) translateZ(0)}
    100%{opacity:1; transform:scale(1) translateZ(0)}
}

/* WordPress dynamic logo sync */
.yildiz-wp-logo-box {
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden;
}

.yildiz-wp-logo-box .yildiz-wp-logo-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    border-radius: inherit;
}