/* Hide Webflow badge */
.w-webflow-badge { display: none !important; }

@keyframes nav_glow {
    0% {box-shadow: 0px 0px 16px 0px rgba(74, 24, 169, 0.90);}
    50% {box-shadow: 0px 0px 0px 0px rgba(74, 24, 169, 0.54);}
    100% {box-shadow: 0px 0px 16px 0px rgba(74, 24, 169, 0.90);}
}

.nav_current {
    display: block !important;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 7px;
    background-color: var(--accent_darker);
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-name: nav_glow;
    animation-duration: 2s;
}

@media (max-width: 767px) {
    .nav_current {border-radius: 0px !important;}
}

::selection {
    color: var(--almost-white);
    background: var(--accent);
}

@media (prefers-color-scheme: light) {
    .theme-b.adaptive { background: #bcd; }
}

@media (prefers-color-scheme: dark) {
    .theme-b.adaptive { background: #bcd; }
}

/* Works page */
.pf_block {
    background-size: cover !important;
    background-position: 50% 50% !important;
    -moz-overflow: hidden;
}
.pf_inner_div {
    background-size: 130%;
}
.pf_block { scale: 1.0; }
@media (max-width: 991px) {
    .pf_inner_div {
        background-size: cover;
    }
}

/* Work detail page */
.rich_text_block code {
    color: #a9b7c6;
    background: #282b2e;
    padding: 6px;
    border-radius: 0.8em;
    font-size: 13px;
    position: relative;
    top: -2px;
}

.rich_text_block hr {opacity:0.15; margin: 35px 0 50px 0;}
.rich_text_block p {padding: 8px 0 8px 0;}
.rich_text_block figcaption {font-size: 14px;}
.rich_text_block table.credit {font-size:12px; margin: 0 auto 0 auto; opacity:0.7}
.rich_text_block table.credit tr {border: 1px solid rgba(255,255,255,0.2); transition: background 0.5s;}
.rich_text_block table.credit tr:hover {background: var(--accent_hover);}
.rich_text_block table.credit td {padding: 0 10px 0 10px;}
.rich_text_block table.credit td:first-child {font-weight: bold;}
.w-embed iframe {width:100%; aspect-ratio:16/9;}
.rich_text_block a {color: var(--accent_bright);}
.rich_text_block code {font-size: 12px;}

.rich_text_block h1 {
    background: var(--accent_darker);
    padding: 15px;
    border-radius: 0.3em;
}

.rich_text_block h2 {
    margin-top: 40px;
}

.hljs-ln-numbers {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: right;
    color: #6f6f6f;
    border-right: 1px solid #6f6f6f;
    vertical-align: top;
    padding-right: 12px !important;
}

.hljs-ln-code {
    padding-left: 12px !important;
}

code.hljs {border-radius: 0.8em 0 0.8em 0.8em; top:0px !important;}

.code_block { position: relative; }
.label {
    width:auto;
    height:20px;
    position: absolute;
    color: lightgray;
    right: 0px;
    top: -20px;
    font-size: 9px;
    line-height: 22px;
    background: var(--accent);
    padding: 0px 10px;
    border-radius: 0.8em 0.8em 0 0;
    z-index:1;
}

/* Contact page - ensure full width inside flex container */
.tabs, .cu_table_wrapper { width: 100%; }

@media (max-width: 700px) {
    .w-richtext-figure-type-image {
        max-width: 100% !important;
    }
    .rich_text_block h1 {font-size: 24px; padding: 5px 12px;}
    .rich_text_block h2 {font-size: 20px;}
}