/*
Theme Name: Lokweishes

Description: Personal website and blog theme for Lokweishes.

Author: Lokweishes

Version: 1.0

Text Domain: lokweishes
*/

:root{--lok-pink:#ff2abf;--lok-purple:#8a3ffc;--lok-cyan:#00e5ff;--lok-bg:#050505;--lok-line:rgba(255,255,255,.12);--lok-muted:rgba(255,255,255,.55);--lok-faint:rgba(255,255,255,.32)}



html{scroll-behavior:smooth}

body{background:var(--lok-bg)!important;color:#fff!important}

a{color:inherit}



.wp-site-blocks{padding:0!important}

.wp-site-blocks>*{margin-block-start:0!important}



/* Header */



.lok-site-header{display:block!important;position:relative;z-index:50;border-bottom:1px solid var(--lok-line);background:#050505!important}



.lok-header-inner{min-height:86px!important;padding:0 24px!important;box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:36px!important;max-width:1200px!important;margin-inline:auto!important}



.lok-brand{margin:0!important;font-family:Manrope,sans-serif!important;font-size:21px!important;line-height:1!important;font-weight:800!important;letter-spacing:-1px!important;white-space:nowrap}

.lok-brand a{text-decoration:none!important}

.lok-brand .lok-dot{color:var(--lok-pink)}



.lok-nav{margin:0!important}

.lok-nav .wp-block-navigation__container{gap:clamp(15px,2vw,30px)!important;align-items:center}

.lok-nav .wp-block-navigation-item__content{font-family:"Fira Code",monospace!important;font-size:9px!important;line-height:1!important;letter-spacing:1.6px!important;text-transform:uppercase;color:rgba(255,255,255,.68)!important;text-decoration:none!important;transition:color .2s ease}

.lok-nav .wp-block-navigation-item__content:hover{color:var(--lok-pink)!important}



/* Main */



.lok-main{padding:clamp(75px,9vw,125px) 24px 120px!important;max-width:1200px!important;margin-inline:auto!important;box-sizing:border-box}

.lok-kicker{margin:0 0 18px!important;font-family:"Fira Code",monospace!important;font-size:9px!important;line-height:1.2!important;letter-spacing:2px!important;text-transform:uppercase;color:var(--lok-pink)!important}

.lok-hero-title{margin:0!important;max-width:1000px;font-family:Manrope,sans-serif!important;font-size:clamp(55px,8vw,118px)!important;line-height:.87!important;letter-spacing:-5px!important;font-weight:800!important;text-transform:uppercase}

.lok-hero-title .accent{color:var(--lok-pink)}

.lok-hero-copy{max-width:650px;margin:28px 0 0!important;color:var(--lok-muted)!important;font-size:14px!important;line-height:1.7!important}

.lok-rule{margin:65px 0 0!important;border:0!important;border-top:1px solid rgba(255,255,255,.24)!important;height:1px!important;background:transparent!important}



/* Posts */



.lok-query{margin-top:0!important}

.lok-post{padding:0!important;margin:0!important}

.lok-post-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:clamp(35px,7vw,100px);align-items:center;padding:clamp(48px,6vw,76px) 0!important;border-bottom:1px solid var(--lok-line);margin:0!important}

.lok-post-body{order:1!important;max-width:680px!important}

.lok-post-meta{margin:0 0 13px!important;font-family:"Fira Code",monospace!important;font-size:8px!important;line-height:1.3!important;letter-spacing:1.7px!important;text-transform:uppercase;color:var(--lok-faint)!important}

.lok-post-meta a{color:var(--lok-pink)!important;text-decoration:none!important}

.lok-post-title{margin:0!important;font-family:Manrope,sans-serif!important;font-size:clamp(30px,4.2vw,62px)!important;line-height:.93!important;letter-spacing:-2.5px!important;font-weight:800!important;text-transform:uppercase}

.lok-post-title a{text-decoration:none!important}

.lok-post-title a:hover{color:var(--lok-pink)!important}

.lok-post-excerpt{margin:20px 0 0!important;color:var(--lok-muted)!important;font-size:14px!important;line-height:1.7!important;max-width:620px}

.lok-post-excerpt a{display:inline-block;margin-top:10px;font-family:"Fira Code",monospace!important;font-size:9px!important;letter-spacing:1.4px!important;text-transform:uppercase;color:var(--lok-pink)!important;text-decoration:none!important}

.lok-post-date{margin:22px 0 0!important;font-family:"Fira Code",monospace!important;font-size:8px!important;letter-spacing:1.5px!important;text-transform:uppercase;color:var(--lok-faint)!important}

.lok-post-date a{text-decoration:none!important;color:inherit!important}

.lok-post-image{order:2!important;margin:0!important;background:#090909;overflow:hidden;min-width:0}

.lok-post-image:empty{display:none!important}

.lok-post-image img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;filter:saturate(.7) contrast(1.05);transition:transform .5s ease,filter .5s ease}

.lok-post-image:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.05)}



/* If a post has no featured image, let the text use the full row. */



.lok-post-row:has(.lok-post-image:empty){grid-template-columns:1fr}

.lok-post-row:has(.lok-post-image:empty) .lok-post-body{max-width:760px}



.lok-pagination{padding-top:55px;font-family:"Fira Code",monospace!important;font-size:9px!important;letter-spacing:1px;text-transform:uppercase}

.lok-pagination a{text-decoration:none;color:var(--lok-pink)}



/* Footer */



.lok-footer{border-top:1px solid var(--lok-line);padding:72px 24px 28px!important;background:#050505!important}

.lok-footer>.alignwide{max-width:1200px!important;margin-inline:auto!important}

.lok-footer-brand{font-family:Manrope,sans-serif!important;font-size:clamp(45px,7vw,86px)!important;line-height:.86!important;font-weight:800!important;letter-spacing:-4px!important;text-transform:uppercase;margin:0!important}

.lok-footer-brand a{text-decoration:none!important}

.lok-footer-brand .lok-dot{color:var(--lok-pink)}

.lok-footer .lok-kicker{margin-top:16px!important}

.lok-footer-links{margin-top:45px!important}

.lok-footer-links .wp-block-navigation__container{gap:clamp(14px,2vw,28px)!important}

.lok-footer-links .wp-block-navigation-item__content{font-family:"Fira Code",monospace!important;font-size:9px!important;letter-spacing:1.4px!important;text-transform:uppercase;color:rgba(255,255,255,.6)!important;text-decoration:none!important}

.lok-footer-bottom{margin-top:70px!important;padding-top:18px;border-top:1px solid var(--lok-line);color:var(--lok-faint)!important;font-family:"Fira Code",monospace!important;font-size:8px!important;letter-spacing:1px!important;text-transform:uppercase!important}

.lok-footer-bottom a{color:var(--lok-pink);text-decoration:none}



@media(max-width:780px){

.lok-header-inner{min-height:70px!important;padding:0 18px!important}

.lok-nav .wp-block-navigation__container{gap:11px!important}

.lok-nav .wp-block-navigation-item__content{font-size:7px!important;letter-spacing:.8px!important}

.lok-main{padding:65px 18px 85px!important}

.lok-hero-title{font-size:clamp(45px,13vw,78px)!important;letter-spacing:-3px!important}

.lok-post-row{grid-template-columns:1fr!important;gap:28px!important}

.lok-post-image{order:1!important}

.lok-post-body{order:2!important}

.lok-footer{padding:55px 18px 24px!important}

.lok-footer-brand{font-size:clamp(42px,13vw,70px)!important;letter-spacing:-3px!important}

.lok-footer-bottom{margin-top:60px!important}

}



/* =========================================================

   LOKWEISHES V1.0 — PROPORTION / EDITORIAL REFINEMENT

   ========================================================= */



.lok-header-inner,

.lok-main,

.lok-footer>.alignwide{max-width:1400px!important}



.lok-header-inner{min-height:82px!important;padding:0 34px!important}



.lok-brand{font-size:23px!important;letter-spacing:-1.4px!important}



.lok-nav .wp-block-navigation__container{gap:clamp(18px,2.2vw,34px)!important}



.lok-nav .wp-block-navigation-item__content{font-size:9px!important;letter-spacing:1.7px!important}



.lok-main{padding:clamp(90px,10vw,145px) 34px 125px!important}



.lok-kicker{margin-bottom:22px!important;font-size:9px!important;letter-spacing:2.4px!important}



.lok-hero-title{max-width:1120px!important;font-size:clamp(58px,8.2vw,128px)!important;line-height:.84!important;letter-spacing:-6px!important}



.lok-hero-copy{max-width:720px!important;margin-top:30px!important;font-size:14px!important;line-height:1.75!important}



.lok-rule{max-width:100%!important;margin-top:72px!important;border-top-color:rgba(255,255,255,.20)!important}



.lok-post-row{grid-template-columns:minmax(0,1fr) minmax(360px,.52fr)!important;gap:clamp(45px,8vw,130px)!important;padding:clamp(58px,6.5vw,92px) 0!important;align-items:start!important}



.lok-post-body{max-width:900px!important}



.lok-post-meta{font-size:9px!important;letter-spacing:2px!important;margin-bottom:17px!important}



.lok-post-title{font-size:clamp(38px,5.2vw,76px)!important;line-height:.9!important;letter-spacing:-3.2px!important}



.lok-post-excerpt{max-width:700px!important;margin-top:24px!important;font-size:15px!important;line-height:1.75!important}



.lok-post-excerpt a{margin-top:14px!important;font-size:9px!important;letter-spacing:1.7px!important}



.lok-post-date{margin-top:26px!important;font-size:8px!important;letter-spacing:1.8px!important}



.lok-post-image{min-height:220px!important;background:#0a0a0a!important}



.lok-post-image img{aspect-ratio:4/3!important}



.lok-post-row:has(.lok-post-image:empty){grid-template-columns:minmax(0,1000px)!important}



.lok-post-row:has(.lok-post-image:empty) .lok-post-body{max-width:1000px!important}



.lok-pagination{padding-top:65px!important}



.lok-footer{padding:88px 34px 30px!important}



.lok-footer-brand{font-size:clamp(52px,7vw,96px)!important;letter-spacing:-5px!important}



.lok-footer-links{margin-top:50px!important}



.lok-footer-bottom{margin-top:85px!important}



/* Single article */



.lok-single{padding:clamp(85px,10vw,145px) 34px 125px!important;max-width:1400px!important;margin-inline:auto!important}



.lok-single-kicker{font-family:"Fira Code",monospace!important;font-size:9px!important;letter-spacing:2px!important;text-transform:uppercase;color:var(--lok-pink)!important;margin:0 0 22px!important}



.lok-single-title{max-width:1100px!important;margin:0!important;font-family:Manrope,sans-serif!important;font-size:clamp(55px,8vw,120px)!important;line-height:.86!important;letter-spacing:-5px!important;font-weight:800!important;text-transform:uppercase}



.lok-single-feature{margin:70px 0!important;max-width:1100px!important}



.lok-single-feature img{width:100%!important;display:block!important;aspect-ratio:16/8!important;object-fit:cover!important}



.lok-content{max-width:820px!important;margin-left:0!important;margin-right:auto!important;font-size:17px!important;line-height:1.85!important;color:rgba(255,255,255,.78)!important}



.lok-content h2,

.lok-content h3{font-family:Manrope,sans-serif!important;color:#fff!important;font-weight:800!important;letter-spacing:-1.5px!important;text-transform:uppercase!important}



.lok-content a{color:var(--lok-pink)!important}



.lok-single>.lok-post-date{margin-top:28px!important}



@media(max-width:780px){

.lok-header-inner{min-height:70px!important;padding:0 18px!important}

.lok-brand{font-size:19px!important}

.lok-nav .wp-block-navigation__container{gap:10px!important}

.lok-nav .wp-block-navigation-item__content{font-size:7px!important;letter-spacing:.75px!important}

.lok-main{padding:70px 18px 90px!important}

.lok-hero-title{font-size:clamp(45px,13vw,80px)!important;letter-spacing:-3.5px!important}

.lok-hero-copy{font-size:13px!important}

.lok-rule{margin-top:52px!important}

.lok-post-row{grid-template-columns:1fr!important;gap:30px!important;padding:50px 0!important}

.lok-post-body,

.lok-post-row:has(.lok-post-image:empty) .lok-post-body{max-width:100%!important}

.lok-post-title{font-size:clamp(36px,11vw,62px)!important;letter-spacing:-2.5px!important}

.lok-post-image{order:1!important;min-height:0!important}

.lok-post-body{order:2!important}

.lok-footer{padding:62px 18px 25px!important}

.lok-footer-brand{font-size:clamp(44px,13vw,72px)!important;letter-spacing:-3px!important}

.lok-footer-bottom{margin-top:60px!important}

.lok-single{padding:70px 18px 90px!important}

.lok-single-title{font-size:clamp(45px,13vw,80px)!important;letter-spacing:-3.5px!important}

.lok-single-feature{margin:45px 0!important}

.lok-content{font-size:16px!important}

}



/* =========================================================

   FINAL — ORIGINAL LOKWEISHES FOOTER + SITE WIDTH

   ========================================================= */



.lok-header-inner,

.lok-main,

.lok-footer-inner,

.lok-single{max-width:1500px!important}



.lok-header-inner{padding-left:40px!important;padding-right:40px!important}



.lok-main{padding-left:40px!important;padding-right:40px!important}



.lok-hero-title{max-width:1300px!important}



.lok-hero-copy{max-width:760px!important}



.lok-post-row{grid-template-columns:minmax(0,1fr) minmax(400px,.52fr)!important}



.lok-post-row:has(.lok-post-image:empty){grid-template-columns:minmax(0,1150px)!important}



.lok-post-row:has(.lok-post-image:empty) .lok-post-body{max-width:1150px!important}



/* Footer matches the original Lokweishes site: identity left, social links right. */



.lok-footer{padding:72px 40px 28px!important}



.lok-footer-inner{margin-inline:auto!important}



.lok-footer-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:60px!important}



.lok-footer-identity{flex:0 0 auto!important}



.lok-footer-brand{margin:0!important;font-family:Manrope,sans-serif!important;font-size:clamp(40px,5vw,64px)!important;line-height:.9!important;font-weight:800!important;letter-spacing:-3px!important;text-transform:uppercase!important}



.lok-footer-brand a{color:#fff!important}



.lok-footer-brand .lok-dot{color:var(--lok-pink)!important}



.lok-footer-tagline{margin:14px 0 0!important;font-family:"Fira Code",monospace!important;font-size:8px!important;line-height:1.4!important;letter-spacing:1.6px!important;color:var(--lok-faint)!important;text-transform:uppercase!important}



.lok-footer-social-area{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:20px!important;padding-top:2px!important}



.lok-social-nav{margin:0!important}



.lok-social-nav .wp-block-navigation__container{display:flex!important;justify-content:flex-end!important;gap:clamp(18px,2.3vw,34px)!important;flex-wrap:wrap!important}



.lok-social-nav .wp-block-navigation-item__content{font-family:"Fira Code",monospace!important;font-size:8px!important;line-height:1.3!important;letter-spacing:1.7px!important;text-transform:uppercase!important;color:rgba(255,255,255,.62)!important;text-decoration:none!important;transition:color .2s ease!important}



.lok-social-nav .wp-block-navigation-item__content:hover{color:var(--lok-pink)!important}



.lok-footer-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:30px!important;margin-top:70px!important;padding-top:18px!important;border-top:1px solid var(--lok-line)!important;color:var(--lok-faint)!important;font-family:"Fira Code",monospace!important;font-size:7px!important;line-height:1.4!important;letter-spacing:1.5px!important;text-transform:uppercase!important}



.lok-footer-bottom p{margin:0!important}



@media(max-width:780px){

.lok-header-inner,

.lok-main,

.lok-footer-inner,

.lok-single{max-width:100%!important}



.lok-header-inner,

.lok-main{padding-left:18px!important;padding-right:18px!important}



.lok-footer{padding:55px 18px 24px!important}



.lok-footer-top{display:flex!important;flex-direction:column!important;gap:42px!important}



.lok-footer-social-area{align-items:flex-start!important;width:100%!important}



.lok-social-nav .wp-block-navigation__container{justify-content:flex-start!important;gap:14px 22px!important}



.lok-footer-bottom{margin-top:55px!important;align-items:flex-start!important}



.lok-post-row{grid-template-columns:1fr!important}

}

/* =========================================================
   LOKWEISHES — COMMENT CONCEPT
   ========================================================= */

/* Comments section */

.lok-comments {
    max-width: 980px !important;
    margin: 90px auto 0 !important;
    padding-top: 60px !important;
    border-top: 1px solid rgba(255,255,255,.16) !important;
}


/* Comments heading */

.lok-comments .wp-block-comments-title {
    margin: 0 0 50px !important;

    font-family: Manrope, sans-serif !important;
    font-size: clamp(34px, 4.5vw, 58px) !important;
    line-height: .92 !important;
    font-weight: 800 !important;

    letter-spacing: -3px !important;
    text-transform: uppercase !important;

    color: #fff !important;
}


/* Individual comment */

.lok-comments .lok-comment {
    display: flex !important;
    align-items: flex-start !important;

    gap: 32px !important;

    margin: 0 0 65px !important;
    padding: 0 !important;
}


/* Avatar */

.lok-comments .lok-comment-avatar {
    flex: 0 0 72px !important;

    width: 72px !important;
    height: 72px !important;

    margin: 0 !important;
}

.lok-comments .lok-comment-avatar img {
    display: block !important;

    width: 72px !important;
    height: 72px !important;

    border-radius: 50% !important;

    object-fit: cover !important;

    filter: grayscale(100%) !important;
}


/* Comment body */

.lok-comments .lok-comment-body {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    max-width: 850px !important;
}


/* Author */

.lok-comments .wp-block-comment-author-name {
    margin: 3px 0 7px !important;

    font-family: Manrope, sans-serif !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    color: #fff !important;
}

.lok-comments .wp-block-comment-author-name a {
    color: #fff !important;
    text-decoration: none !important;
}

.lok-comments .wp-block-comment-author-name a:hover {
    color: var(--lok-pink) !important;
}


/* Date */

.lok-comments .wp-block-comment-date {
    margin: 0 0 22px !important;

    font-family: "Fira Code", monospace !important;
    font-size: 9px !important;
    line-height: 1.4 !important;

    letter-spacing: 2.2px !important;
    text-transform: uppercase !important;

    color: rgba(255,255,255,.42) !important;
}

.lok-comments .wp-block-comment-date a {
    color: inherit !important;
    text-decoration: none !important;
}


/* Comment text */

.lok-comments .wp-block-comment-content {
    margin: 0 !important;

    font-family: Manrope, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.75 !important;

    color: rgba(255,255,255,.72) !important;
}

.lok-comments .wp-block-comment-content p {
    margin: 0 0 12px !important;
}


/* Reply */

.lok-comments .wp-block-comment-reply-link {
    display: inline-block !important;

    margin-top: 20px !important;

    font-family: "Fira Code", monospace !important;
    font-size: 10px !important;
    font-weight: 700 !important;

    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;

    color: var(--lok-pink) !important;

    text-decoration: none !important;
}

.lok-comments .wp-block-comment-reply-link::after {
    content: " →" !important;
}

.lok-comments .wp-block-comment-reply-link:hover {
    color: #fff !important;
}


/* Divider before reply form */

.lok-comments .wp-block-post-comments-form {
    margin-top: 70px !important;
    padding-top: 55px !important;

    border-top: 1px solid rgba(255,255,255,.16) !important;
}


/* Leave a reply */

.lok-comments .comment-reply-title {
    margin: 0 0 22px !important;

    font-family: Manrope, sans-serif !important;
    font-size: clamp(34px, 4.5vw, 58px) !important;
    line-height: .92 !important;
    font-weight: 800 !important;

    letter-spacing: -3px !important;
    text-transform: uppercase !important;

    color: #fff !important;
}


/* Form description */

.lok-comments .comment-notes,
.lok-comments .logged-in-as {
    margin: 0 0 38px !important;

    font-family: Manrope, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;

    color: rgba(255,255,255,.55) !important;
}

.lok-comments .logged-in-as a {
    color: var(--lok-pink) !important;
}


/* Labels */

.lok-comments #commentform label {
    display: block !important;

    margin: 0 0 11px !important;

    font-family: "Fira Code", monospace !important;
    font-size: 9px !important;
    line-height: 1.4 !important;

    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;

    color: rgba(255,255,255,.72) !important;
}


/* Fields */

.lok-comments #commentform #comment,
.lok-comments #commentform #author,
.lok-comments #commentform #email,
.lok-comments #commentform #url {

    appearance: none !important;
    -webkit-appearance: none !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding: 17px 20px !important;

    background: #080808 !important;
    background-color: #080808 !important;

    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: 0 !important;

    color: #fff !important;

    font-family: Manrope, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;

    outline: none !important;
    box-shadow: none !important;
}


/* Comment textarea */

.lok-comments #commentform #comment {
    min-height: 180px !important;
    resize: vertical !important;
}


/* Placeholder */

.lok-comments #commentform input::placeholder,
.lok-comments #commentform textarea::placeholder {
    color: rgba(255,255,255,.42) !important;
    opacity: 1 !important;
}


/* Focus */

.lok-comments #commentform #comment:focus,
.lok-comments #commentform #author:focus,
.lok-comments #commentform #email:focus,
.lok-comments #commentform #url:focus {

    background: #0b0b0b !important;

    border-color: var(--lok-pink) !important;

    outline: none !important;
    box-shadow: none !important;
}


/* Spacing */

.lok-comments #commentform .comment-form-comment {
    margin-bottom: 30px !important;
}

.lok-comments #commentform .comment-form-author,
.lok-comments #commentform .comment-form-email {
    margin-bottom: 25px !important;
}

.lok-comments #commentform .comment-form-url {
    margin-bottom: 28px !important;
}


/* Name + Email */

@media (min-width: 781px) {

    .lok-comments #commentform .comment-form-author,
    .lok-comments #commentform .comment-form-email {

        display: inline-block !important;
        vertical-align: top !important;

        width: calc(50% - 12px) !important;
    }

    .lok-comments #commentform .comment-form-author {
        margin-right: 20px !important;
    }
}


/* Checkbox */

.lok-comments #commentform .comment-form-cookies-consent {
    display: flex !important;
    align-items: center !important;

    gap: 14px !important;

    margin: 5px 0 32px !important;
}

.lok-comments #commentform
.comment-form-cookies-consent input[type="checkbox"] {

    appearance: none !important;
    -webkit-appearance: none !important;

    flex: 0 0 28px !important;

    width: 28px !important;
    height: 28px !important;

    margin: 0 !important;

    background: transparent !important;

    border: 2px solid rgba(255,255,255,.75) !important;

    border-radius: 0 !important;

    cursor: pointer !important;
}

.lok-comments #commentform
.comment-form-cookies-consent input[type="checkbox"]:checked {

    background: var(--lok-pink) !important;

    border-color: var(--lok-pink) !important;
}

.lok-comments #commentform
.comment-form-cookies-consent label {

    margin: 0 !important;

    font-family: Manrope, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    color: rgba(255,255,255,.65) !important;
}


/* Submit */

.lok-comments #commentform .form-submit {
    margin: 30px 0 0 !important;
}

.lok-comments #commentform .form-submit #submit {

    appearance: none !important;
    -webkit-appearance: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 320px !important;

    padding: 20px 30px !important;

    background: transparent !important;

    border: 2px solid var(--lok-pink) !important;
    border-radius: 0 !important;

    color: var(--lok-pink) !important;

    font-family: "Fira Code", monospace !important;
    font-size: 11px !important;
    font-weight: 700 !important;

    letter-spacing: 3px !important;
    text-transform: uppercase !important;

    cursor: pointer !important;

    box-shadow: none !important;

    transition:
        background .2s ease,
        color .2s ease !important;
}

.lok-comments #commentform .form-submit #submit:hover {
    background: var(--lok-pink) !important;
    color: #050505 !important;
}


/* Mobile */

@media (max-width: 780px) {

    .lok-comments {
        margin-top: 60px !important;
        padding-top: 40px !important;
    }

    .lok-comments .wp-block-comments-title {
        font-size: 34px !important;
        letter-spacing: -2px !important;
    }

    .lok-comments .lok-comment {
        gap: 18px !important;
    }

    .lok-comments .lok-comment-avatar {
        flex-basis: 52px !important;
        width: 52px !important;
        height: 52px !important;
    }

    .lok-comments .lok-comment-avatar img {
        width: 52px !important;
        height: 52px !important;
    }

    .lok-comments .comment-reply-title {
        font-size: 34px !important;
        letter-spacing: -2px !important;
    }

    .lok-comments #commentform .comment-form-author,
    .lok-comments #commentform .comment-form-email {
        display: block !important;
        width: 100% !important;
        margin-right: 0 !important;
    }

    .lok-comments #commentform .form-submit #submit {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* Mobile Navigation Menu */
.wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: #050505 !important;
    color: #fff !important;
    padding: 80px 24px 40px !important;
    box-sizing: border-box !important;
    z-index: 9999 !important;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item {
    width: 100% !important;
    margin: 0 !important;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #fff !important;
    font-family: Manrope, sans-serif !important;
    font-size: clamp(32px, 9vw, 48px) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    letter-spacing: -1.5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content:hover {
    color: var(--lok-pink) !important;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-close {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    color: #fff !important;
    z-index: 10000 !important;
}
/* =========================================================
   LOKWEISHES COMMENT FORM — FINAL OVERRIDE
   This final layer intentionally targets WordPress's native
   comment-form IDs so core block styles cannot override it.
   ========================================================= */

body #respond #commentform #comment,
body #respond #commentform #author,
body #respond #commentform #email,
body #respond #commentform #url {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    padding: 17px 20px !important;
    background: #080808 !important;
    background-color: #080808 !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-family: Manrope, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    outline: none !important;
}

body #respond #commentform #comment {
    min-height: 180px !important;
    resize: vertical !important;
}

body #respond #commentform #comment:focus,
body #respond #commentform #author:focus,
body #respond #commentform #email:focus,
body #respond #commentform #url:focus {
    background: #0b0b0b !important;
    background-color: #0b0b0b !important;
    border-color: #ff2abf !important;
    color: #fff !important;
    outline: none !important;
    box-shadow: none !important;
}

body #respond #commentform #comment::placeholder,
body #respond #commentform #author::placeholder,
body #respond #commentform #email::placeholder,
body #respond #commentform #url::placeholder {
    color: rgba(255,255,255,.42) !important;
    opacity: 1 !important;
}

body #respond #commentform label {
    display: block !important;
    margin: 0 0 11px !important;
    font-family: "Fira Code", monospace !important;
    font-size: 9px !important;
    line-height: 1.4 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.72) !important;
}

body #respond #commentform .comment-form-comment {
    margin: 0 0 30px !important;
}

body #respond #commentform .comment-form-author,
body #respond #commentform .comment-form-email {
    margin-bottom: 25px !important;
}

body #respond #commentform .comment-form-url {
    margin-bottom: 28px !important;
}

@media (min-width: 781px) {
    body #respond #commentform .comment-form-author,
    body #respond #commentform .comment-form-email {
        display: inline-block !important;
        vertical-align: top !important;
        width: calc(50% - 12px) !important;
    }

    body #respond #commentform .comment-form-author {
        margin-right: 20px !important;
    }
}

body #respond #commentform .comment-form-cookies-consent {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 5px 0 32px !important;
}

body #respond #commentform .comment-form-cookies-consent input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 2px solid rgba(255,255,255,.75) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
}

body #respond #commentform .comment-form-cookies-consent input[type="checkbox"]:checked {
    background: #ff2abf !important;
    border-color: #ff2abf !important;
}

body #respond #commentform .comment-form-cookies-consent label {
    margin: 0 !important;
    font-family: Manrope, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: rgba(255,255,255,.65) !important;
}

body #respond #commentform .form-submit {
    margin: 30px 0 0 !important;
}

body #respond #commentform .form-submit #submit {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 320px !important;
    padding: 20px 30px !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 2px solid #ff2abf !important;
    border-radius: 0 !important;
    color: #ff2abf !important;
    font-family: "Fira Code", monospace !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

body #respond #commentform .form-submit #submit:hover {
    background: #ff2abf !important;
    background-color: #ff2abf !important;
    color: #050505 !important;
}

@media (max-width: 780px) {
    body #respond #commentform .comment-form-author,
    body #respond #commentform .comment-form-email {
        display: block !important;
        width: 100% !important;
        margin-right: 0 !important;
    }

    body #respond #commentform .form-submit #submit {
        width: 100% !important;
        min-width: 0 !important;
    }
}