/**
 * YakPanel — Digital Marketing Light brand layer
 */
:root {
    --yak-green: var(--brand-primary, #0073E6);
    --yak-green-light: var(--brand-primary-light, #3D9AFF);
    --yak-green-gradient: var(--brand-gradient, linear-gradient(135deg, #0073E6 0%, #0047AB 100%));
}

html.capnis-light body.yak-dm-layout {
    background: var(--brand-surface, #F7F9FC);
    color: var(--brand-ink, #111827);
}

html.capnis-light .yak-dm-layout .site-wrapper,
html.capnis-light .yak-dm-layout #smooth-wrapper {
    background: var(--brand-surface, #F7F9FC);
}

.yak-dm-layout .tp-btn-yellow-green,
.yak-dm-layout .tp-btn-yellow-green.green-solid {
    background: var(--yak-green-gradient) !important;
    color: #fff !important;
    border: none !important;
}

.yak-dm-layout .tp-btn-yellow-green:hover,
.yak-dm-layout .tp-btn-yellow-green.green-solid:hover,
.yak-dm-layout .tp-btn-yellow-green:focus,
.yak-dm-layout .tp-btn-yellow-green.green-solid:focus {
    background: linear-gradient(135deg, var(--brand-primary-deep, #0047AB) 0%, var(--brand-primary, #0073E6) 100%) !important;
    color: #fff !important;
    box-shadow: 0 12px 32px rgba(0, 115, 230, 0.28) !important;
}

.yak-dm-layout .tp-btn-black-square {
    transition: transform 220ms ease, box-shadow 220ms ease;
}

.yak-dm-layout .tp-btn-black-square:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(0, 115, 230, 0.25);
}

.yak-dm-layout .form-control:focus,
.yak-dm-layout input:focus,
.yak-dm-layout select:focus,
.yak-dm-layout textarea:focus {
    border-color: var(--yak-green) !important;
    box-shadow: var(--brand-focus-ring, 0 0 0 3px rgba(0, 115, 230, 0.28)) !important;
}

.yak-dm-layout .dgm-service-link:hover,
.yak-dm-layout .dgm-footer-widget-menu a:hover {
    color: var(--yak-green-light);
}

.yak-dm-layout .capnis-header-cart-wrap .capnis-header-cart {
    color: inherit;
}

.yak-dm-layout .yak-header-mobile-auth {
    color: #111013;
    border-color: rgba(17, 16, 19, 0.12);
    background: #fff;
}

.yak-dm-layout .dgm-about-ratting-icon span {
    color: var(--yak-green-light);
}

.yak-dm-layout .yak-corp-auth {
    background: linear-gradient(180deg, #fff 0%, #f6f6f9 100%);
}

.yak-dm-layout .yak-corp-auth__aside {
    background: linear-gradient(160deg, var(--brand-dark-mid, #0F2447) 0%, var(--brand-dark-deep, #1A3460) 100%);
}

.yak-dm-layout .dgm-footer-logo img {
    background: #fff;
    border-radius: 12px;
    padding: 8px 12px;
}

.yak-dm-layout .maintenance-section .ban-section {
    background: #fff;
    border-radius: 20px;
    padding: clamp(32px, 5vw, 56px);
    box-shadow: 0 20px 70px rgba(15, 23, 42, 0.08);
}

.yak-dm-layout .yak-error-card {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.yak-dm-layout .yak-error-code {
    background: var(--yak-green-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

@media (prefers-reduced-motion: reduce) {
    .yak-dm-layout * {
        transition-duration: 0.01ms !important;
    }
}
