/*@import 'custom.scss';*/
    /* CSS Переменные для темной/светлой темы */
:root {
    --bg-main: url('/images/bg.png');
    /*--bg-primary: linear-gradient(145deg, #0a1428 0%, #071126 100%);*/
    /*--bg-secondary: linear-gradient(135deg, #0a1428 0%, #0c1735 100%);*/
    /*--bg-deep: #071126;*/
    --bg-card: --accent;
    --text-primary: #142a30;
    --text-secondary: #b8af9a;
    --border-color: rgba(212, 175, 55, 0.3);
    --card-hover: rgba(18, 32, 60, 0.9);
    --navbar-bg: rgba(20, 68, 78, 0.96);
    --gold:#f4c004;
    --bg0:#05030a;
    --bg1:#0b0620;
    --text:#112B31;
    --muted: #142a30;
    --accent:#a855f7;
    --accent2:#22d3ee;
    --danger:#fb7185;

    --card: rgba(25, 224, 234, 0.5);
    --ring:rgba(168,85,247,.3);
    --block: rgba(34, 211, 238, .35);
    --block-hover: rgba(34, 211, 238, 0.55);
    --reviews: rgba(171, 232, 87, 0.35);
    --reviews-hover: rgba(171, 232, 87, 0.55);
}
html, body { height: 100%; }
.gold-text {
    color: var(--gold);
}
.nav-item>a:hover{
    color: var(--gold)!important;
}
.bg-arcane{
    position: relative;
    /*overflow: hidden;*/
}
#app{
    min-height: 100vh;
}
body {
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
    background: var(--bg-main);
    color: var(--text-primary)!important;
    scroll-behavior: smooth;
    overflow-x: hidden;
    /*transition: background 0.3s ease, color 0.3s ease;*/
}

h1, h2, h3, .logo-text, .nav-link, .card-title, .lead {
    color: var(--text-primary)!important;
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 0.02em;
}

.testimonial-card {
    background-size: cover;
    background-color: #eaf5e5 !important;
    border: 1px solid var(--text-primary) !important;
    border-radius: 28px;
    padding: 2rem;
    text-align: center;

}
.testimonial-card-1 {
    background-image:url('/images/bg/reviews/bg-1.png')
}
.testimonial-card-2 {
    background-image:url('/images/bg/reviews/bg-2.png')
}
.testimonial-card-3 {
    background-image:url('/images/bg/reviews/bg-3.png')
}
.testimonial-card-4 {
    background-image:url('/images/bg/reviews/bg-4.png')
}
.testimonial-card-5 {
    background-image:url('/images/bg/reviews/bg-5.png')
}
.testimonial-card-6 {
    background-image:url('/images/bg/reviews/bg-6.png')
}
.testimonial-card-7 {
    background-image:url('/images/bg/reviews/bg-7.png')
}
.testimonial-card-8 {
    background-image:url('/images/bg/reviews/bg-8.png')
}
.testimonial-card-9 {
    background-image:url('/images/bg/reviews/bg-9.png')
}
.testimonial-card-10 {
    background-image:url('/images/bg/reviews/bg-10.png')
}


.testimonial-card:hover{

}
.testimonial-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #d4af37;
    margin-bottom: 1rem;
}
#booking{
    border: 1px solid var(--border-color);
    border-radius: 28px;
    background-image: url('/images/bg/bookin-bg.jpeg');
    background-size: cover;
}
#booking:hover{
    /*background: var(--block-hover);*/
}

.social-icons a {
    color: var(--text-secondary);
    font-size: 1.3rem;
    transition: all 0.2s;
}

.social-icons a:hover {
    color: #d4af37;
    transform: translateY(-3px);
}

@media (max-width: 768px) {
    .hero-video-wrapper { min-height: 500px; }
    .logo-text { font-size: 1.4rem; }
    .footer-menu { gap: 1rem; }
}


/*style.css*/
.muted{
    color: var(--muted);
}
.btn-accent{
    background: linear-gradient(135deg, #d4edc9, #54a131);
    border-color: #50a32b !important;
    box-shadow: 0 10px 30px rgb(7 18 7 / 25%), 0 0 0 1px rgba(255, 255, 255, .05) inset;
    color: #fff !important;
    text-shadow: 1px 1px #326919;
}

.btn-accent:hover{
    filter: brightness(1.05);
}

.btn-ghost{
    border: 1px solid rgba(168,85,247,.30);
    background: rgba(168,85,247,.08);
    color: var(--text);
}

.btn-ghost:hover{
    border-color: rgba(34,211,238,.45);
    background: rgba(34,211,238,.10);
}

.card-arcane{
    background: var(--block);
    border: 1px solid rgba(168,85,247,.18);
    /*box-shadow:*/
    /*  0 14px 40px rgba(0,0,0,.22),*/
    /*  0 0 0 1px rgba(34,211,238,.06) inset;*/
    border-radius: 18px;
    overflow: hidden;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.card-arcane:hover{
    transform: translateY(-2px);
    border-color: rgba(34,211,238,.35);
    background: #F1F0EB;
}

.card-icon{
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    /*background: linear-gradient(135deg, rgba(168,85,247,.22), rgba(34,211,238,.12));*/
    background: linear-gradient(135deg, var(--navbar-bg), #327c91);
    border: var(--navbar-bg);
    color: var(--gold);
}

.form-arcane .form-control,
.form-arcane .form-select{
    border: ;: 1px solid rgba(168,85,247,.22);
    color: var(--text);
}

.form-arcane .form-control:focus,
.form-arcane .form-select:focus{
    border-color: rgb(227 221 6 / 45%);
    box-shadow: 0 0 0 .25rem rgb(219 184 26 / 12%);
}

.divider-glow{
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(168,85,247,.55), rgba(34,211,238,.40), transparent);
    opacity:.65;
}

.badge-arcane{
    background: rgb(77 135 171);
    border: 1px solid rgb(33 73 108 / 78%);
    text-shadow: 1px 1px #256a81;
    color: var(--gold) !important;
}

footer, header{
    background: var(--navbar-bg);
}

.footer-links a{
    color: rgba(233,231,255,.72);
    text-decoration: none;
}
.footer-links a:hover{
    color: rgba(233,231,255,.95);
    text-decoration: underline;
}
.card-service{
    background-size: cover!important;
    border:1px solid var(--text-primary)!important;
    background-color: #f4fffe !important;
}
.card-service-1{
    background: url('/images/bg/services/bg-1.png')
}
.card-service-2{
    background: url('/images/bg/services/bg-2.png')
}
.card-service-3{
    background: url('/images/bg/services/bg-3.png')
}
.card-service-4{
    background: url('/images/bg/services/bg-4.png')
}
.card-service-5{
    background: url('/images/bg/services/bg-5.png')
}
.card-service-6{
    background: url('/images/bg/services/bg-6.png')
}
.card-service-7{
    background: url('/images/bg/services/bg-7.png')
}
.card-service-8{
    background: url('/images/bg/services/bg-8.png')
}
.card-service-9{
    background: url('/images/bg/services/bg-9.png')
}
.card-service-10{
    background: url('/images/bg/services/bg-10.png')
}
.main-article p{
    margin-bottom: 0.3rem;
}
.nav-item{
    font-size:1.1rem!important;
    font-weight: bold;
}
.footer-slogan{
    color: #FFF
}
h2.fw-bold{
    line-height: 1.1!important;
}
.link{
    text-decoration: none;
    font-weight: bold;
    color: var(--text-primary)
}