.lang-dropdown { position: relative; display: inline-block; cursor: pointer; }
.lang-current { display: flex; align-items: center; gap: 6px; border-radius: 12px; color: #ffffff; background: #2C2E30; padding: 12px; border: 1px solid #F2EBDA; }
.lang-current svg { margin-left: 8px; }
.lang-list { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #2C2E30; list-style: none; margin: 0; border: 1px solid #F2EBDA; z-index: 1000; min-width: 100px; max-height: 320px; overflow: auto; }
.lang-list li a { display: flex; align-items: center; width: 100%; background: #2C2E30; padding: 12px; gap: 6px; color: #ffffff; text-decoration: none; }
.lang-list li a:hover { background: #212121; color: #FFA300; }
.lang-list li.is-current a { color: #FFA300; }
.lang-dropdown:hover .lang-list, .lang-dropdown.open .lang-list { display: block; }
.header_top_right { justify-content: flex-end; }
@media (max-width: 768px) {
    .lang-current span { display: none; }
    .lang-dropdown:hover .lang-list, .lang-dropdown.open .lang-list { min-width: 73px; }
    .lang-list li a span { display: none; }
}
@media (max-width: 991px) {
    .hero_wrap_image { background-image: url('/static/spinharbor/wp-content/uploads/2025/08/Banner-main-1.png') !important; }
}
.header_menu ul.menu { position: relative; }
.header_menu ul.menu > li { position: relative; }
.header_menu ul.menu > li > a { white-space: nowrap; border-radius: 12px; }
.header_menu ul.menu > li.current-menu-item > a, .header_menu ul.menu > li:hover > a { background: #212121; color: #FFA300 !important; }
.header_menu ul.sub-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 60; flex-direction: column; align-items: stretch; justify-content: flex-start; width: max-content; min-width: 200px; padding: 8px; background: #0E081B; border: 1px solid #FFFFFF1A; border-radius: 12px; }
.header_menu ul.menu > li:hover > ul.sub-menu { display: flex; }
.header_menu ul.sub-menu li a { padding: 10px 14px; border-radius: 8px; }
.header_menu ul.sub-menu li a:hover { background: #212121; color: #FFA300 !important; }

.page_wrap { margin: 30px 0; }
.page_head { margin-bottom: 24px; }
.page_head h1 { font-weight: 900; font-size: 32px; line-height: 38px; text-transform: uppercase; color: #FFCB00; margin: 0 0 8px; }
.page_head p { color: #B9B4C4; font-size: 15px; line-height: 22px; margin: 0; }
.breadcrumbs { font-size: 13px; line-height: 18px; color: #99A3A1; margin-bottom: 16px; }
.breadcrumbs a { color: #FFA300; text-decoration: none; }
.breadcrumbs .sep { margin: 0 8px; color: #4b4453; }

.post-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 16px; }
.post-grid .card_block_item { display: flex; flex-direction: column; min-height: 210px; }
.post-grid .card_block_item .btn { margin-top: auto; }
.post-grid .card_block_item .card_block_title a { color: #ffffff; text-decoration: none; }
.post-grid .card_block_item .card_block_title a:hover { color: #FFCB00; }
.post-grid .card_block_item .card_block_text { color: #CFC9DA; }
.post-meta { display: flex; flex-wrap: wrap; gap: 16px; color: #99A3A1; font-size: 13px; margin-bottom: 20px; }
.post-meta span { display: inline-flex; align-items: center; gap: 6px; }
.post-cat { display: inline-block; background: #212121; color: #FFA300; border-radius: 8px; padding: 6px 12px; font-size: 12px; font-weight: 700; text-transform: uppercase; margin-bottom: 14px; }
.pagination { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.pagination a, .pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 12px; border-radius: 12px; background: #0E081B; color: #ffffff; text-decoration: none; font-weight: 700; font-size: 14px; }
.pagination a:hover { background: #212121; color: #FFA300; }
.pagination .is-current { background: #FFA300; color: #212121; }

.single_content { margin: 30px 0; }
.single_content .container { display: grid; grid-template-columns: 1fr 320px; grid-gap: 24px; align-items: start; }
.single_main { min-width: 0; }
.single_sidebar { position: sticky; top: 16px; }
.side-box { background: #0E081B; border: 1px solid #FFFFFF1A; border-radius: 12px; padding: 20px; margin-bottom: 16px; }
.side-box .title { font-size: 18px; line-height: 22px; margin-bottom: 12px; }
.side-box ul { list-style: none; margin: 0; }
.side-box ul li { border-bottom: 1px solid #FFFFFF12; }
.side-box ul li:last-child { border-bottom: 0; }
.side-box ul li a { display: block; padding: 10px 0; color: #CFC9DA; text-decoration: none; font-size: 14px; }
.side-box ul li a:hover { color: #FFCB00; }
.article_body { color: #DCD7E6; font-size: 16px; line-height: 26px; }
.article_body h2 { font-weight: 900; font-size: 26px; line-height: 32px; color: #FFCB00; margin: 28px 0 12px; }
.article_body h3 { font-weight: 900; font-size: 20px; line-height: 26px; color: #ffffff; margin: 22px 0 10px; }
.article_body a { color: #FFA300; }
.article_body img { max-width: 100%; height: auto; border-radius: 12px; margin: 12px 0; }
.article_body ul, .article_body ol { padding-left: 22px; }
.article_body li { margin-bottom: 8px; }
.article_body table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.article_body th, .article_body td { border: 1px solid #FFFFFF1A; padding: 10px 12px; text-align: left; }
.article_body blockquote { border-left: 3px solid #FFA300; margin: 16px 0; padding: 8px 16px; color: #CFC9DA; }
.article_body .table_of_content { background: #0E081B; border: 1px solid #FFFFFF1A; border-radius: 12px; padding: 18px 22px; margin: 20px 0; }
.article_body .table_of_content ul { padding-left: 18px; }

.review-card { background: #0E081B; border: 1px solid #FFFFFF1A; border-radius: 12px; padding: 20px; margin-top: 24px; }
.review-card .title { font-size: 18px; margin-bottom: 12px; }
.review-item { border-bottom: 1px solid #FFFFFF12; padding: 12px 0; }
.review-item:last-child { border-bottom: 0; }
.review-item .who { color: #FFCB00; font-weight: 700; font-size: 14px; }
.review-item .body { color: #DCD7E6; font-size: 15px; line-height: 22px; margin-top: 6px; }

.faq_item { border-bottom: 1px solid #FFFFFF12; }
.faq_title { display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; }
.faq_title svg { flex: 0 0 auto; transition: transform .25s linear; }
.faq_title svg.rotated { transform: rotate(180deg); }
.faq_text { display: none; }
.faq_item.open .faq_text { display: block; }

.footer_menu_title { font-weight: 900; font-size: 15px; line-height: 20px; text-transform: uppercase; color: #ffffff; margin-bottom: 12px; }
.footer_menu ul { list-style: none; }
.footer_bottom { display: flex; justify-content: center; }

.btn_custom_register { cursor: pointer; }
.pp_section { margin: 30px 0; }
.pp_section > .title { font-weight: 900; font-size: 24px; line-height: 28px; color: #ffffff; margin-bottom: 16px; }

@media (max-width: 991px) {
    .post-grid { grid-template-columns: 1fr 1fr; }
    .single_content .container { grid-template-columns: 1fr; }
    .single_sidebar { position: static; }
}
@media (max-width: 620px) {
    .post-grid { grid-template-columns: 1fr; }
    .footer_menu { width: 100%; }
    .footer_menus { flex-direction: column; gap: 13px; }
}