/* judson */
@font-face {font-family: 'judson'; src: url('../fonts/Judson-Bold.woff') format('woff'),  font-weight: 300; font-style: normal; font-display: swap; }
@font-face {font-family: 'judson'; src: url('../fonts/Judson-Italic.woff') format('woff'),  font-weight: 200; font-style: normal; font-display: swap; }
@font-face {font-family: 'judson'; src: url('../fonts/Judson-Regular.woff') format('woff'),  font-weight: 600; font-style: normal; font-display: swap; }
@font-face {font-family: 'judson'; src: url('../fonts/Judson-Bold.woff2') format('woff2'),  font-weight: normal; font-style: normal; font-display: swap; }
@font-face {font-family: 'judson'; src: url('../fonts/Judson-Italic.woff2') format('woff2'),  font-weight: 500; font-style: normal; font-display: swap; }
@font-face {font-family: 'judson'; src: url('../fonts/Judson-Regular.woff2') format('woff2'), font-weight: 100; font-style: normal; font-display: swap; }

/* philosopher */
@font-face {font-family: 'philosopher'; src: url('../fonts/philosopher-SemiBold.woff2') format('woff2'), url('../fonts/philosopher-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face {font-family: 'philosopher'; src: url('../fonts/philosopher-Bold.woff2') format('woff2'), url('../fonts/philosopher-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face {font-family: 'philosopher'; src: url('../fonts/philosopher-Regular.woff2') format('woff2'), url('../fonts/philosopher-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face {font-family: 'philosopher'; src: url('../fonts/philosopher-Light.woff2') format('woff2'), url('../fonts/philosopher-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face {font-family: 'philosopher'; src: url('../fonts/philosopher-Medium.woff2') format('woff2'), url('../fonts/philosopher-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
.philosopher{font-family: 'philosopher';}

/* Common CSS */
*{margin: 0; padding: 0; box-sizing: border-box;}
a{text-decoration: none; display: inline-block; transition:  0.2s ease-in;}
a:hover{text-decoration: none;}
body{font-size: 18px; color: #000; font-family: 'judson'; line-height: 1.8;  font-weight: 400; background: radial-gradient(circle at 12% 10%, rgba(143,216,199,0.18), transparent 38%), radial-gradient(circle at 88% 22%, rgba(47,109,191,0.16), transparent 42%), #f5f9ff;}
html{scroll-behavior: smooth;}
:root{
    --blueboxed-primary: #2f6dbf;
    --blueboxed-primary-strong: #21589f;
    --blueboxed-accent: #8FD8C7;
    --blueboxed-secondary: #ff7f50;
    --blueboxed-tertiary: #7b8cff;
    --blueboxed-quaternary: #4ac9b2;
    --blueboxed-surface: #F0F8FF;
    --blueboxed-glass-bg: rgba(255, 255, 255, 0.25);
    --blueboxed-glass-border: rgba(58, 122, 197, 0.25);
    --blueboxed-shadow: 0 12px 30px rgba(41, 80, 150, 0.2);
    --blueboxed-surface-dark-text: #eef5ff;
    --blueboxed-surface-light-text: #14294f;
    --blueboxed-link-accent: #2a6ec8;
    --blueboxed-link-on-dark: #b9deff;
}
button{outline: 0; border: 0; background: transparent;}
.container{max-width: 1200px;}
h1{font-size: 60px; line-height: 1.3 !important; font-weight: 400;}
h2{font-size: 45px; line-height: 1.3 !important; font-weight: 400;}
h3{font-size: 35px; line-height: 1.3 !important; font-weight: 400;}
h4{font-size: 30px; line-height: 1.3 !important; font-weight: 400;}
h5{font-size: 25px; line-height: 1.3 !important; font-weight: 400;}
h6{font-size: 19px; line-height: 1.3 !important; font-weight: 400;}
.font-13{font-size: 13px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-300{font-weight: 300;}
.font-400{font-weight: 400;}
.font-500{font-weight: 500;}
.font-600{font-weight: 600;}
.font-700{font-weight: 700;}
.border-r5{border-radius: 5px;}
.border-r10{border-radius: 10px;}
.border-r20{border-radius: 20px;}
.border-r30{border-radius: 30px;}
.border-r50{border-radius: 50px;}
.border-50{border-radius: 100%;}
.form-control{border-radius: 0; border: 0; background-color: transparent;}
.form-control:focus{box-shadow: none; outline: 0;}
.relative{position: relative;}
.form-control::placeholder{color: #BEC2CE;}
select{appearance: none; background: url('../images/angle-dropdown.png') no-repeat right 15px center; padding-right: 40px;}
select:focus{outline: 0;}
.text-underline{text-decoration: underline !important;}
.pointer{cursor: pointer;}
.zindex-0{z-index: 0;}
.zindex-1{z-index: 1;}
.zindex-m1{z-index: -1;}
.t-green{color: #3a7ac5;}
.t-black{color: #000;}
.t-grey{color: #79869F;}
.bg-grey{background-color: #f9f8f6;}
.bg-green{background-color: #3a7ac5;}
.grey-link{color: #454545;}
.grey-link:hover{color: #3a7ac5; text-shadow: 0 0 1px #3a7ac5;}
.grey-link2{color: #c6c6c6;}
.grey-link2:hover{color: #3a7ac5; text-shadow: 0 0 1px #3a7ac5;}
.green-link{color: #3a7ac5;}
.green-link:hover{color: #3a7ac5; text-shadow: 0 0 1px #3a7ac5;}
.btn-green{font-family: 'philosopher'; padding: 10px 35px; border-radius: 10px; color: #fff; background-color: #3a7ac5; font-size: 18px; border: 2px solid #3a7ac5; display: inline-block; text-align: center; min-width: 150px; line-height: 22px;}
.btn-green:hover {color: #3a7ac5; background-color: transparent;}
.btn-green2{font-family: 'philosopher'; padding: 10px 35px; border-radius: 50px; color: #3a7ac5; background-color: transparent; font-size: 18px; border: 2px solid #3a7ac5; display: inline-block; text-align: center; min-width: 150px; line-height: 22px;}
.btn-green2:hover {color: #fff; background-color: #3a7ac5;}
.btn-yellow{font-family: 'philosopher'; padding: 10px 35px; border-radius: 50px; color: #000; background-color: #fad13e; font-size: 18px; border: 2px solid #fad13e; display: inline-block; text-align: center; min-width: 165px; line-height: 22px; box-shadow: 0 2px #9f8630c7;}
.btn-yellow:hover {color: #fad13e; background-color: transparent; box-shadow:none;}
.btn-white{font-family: 'philosopher'; padding: 10px 15px; border-radius: 50px; color: #fff; background-color: transparent; font-size: 18px; border: 2px solid #fff; display: inline-block; text-align: center; min-width: 180px;}
.btn-white:hover {color: #fff;}
.btn-green,
.btn-green2,
.btn-yellow,
.btn-white{
    transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.btn-green:focus-visible,
.btn-green2:focus-visible,
.btn-yellow:focus-visible,
.btn-white:focus-visible{
    outline: 2px dashed #fff;
    outline-offset: 3px;
}

/* Site Branding */
.site-logo {max-width: 100px;}
.site-branding{padding-top: 15px;}
.site-branding .site-title a {font-size: 25px; color: #fff;}
h1.site-title,
h1.site-title a{color: #fff;}

/* Header CSS */
.menu {background-color: rgba(47, 109, 191, 0.95); box-shadow: 0 10px 24px rgba(21, 60, 120, 0.25); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.menu .navbar-nav ul{display: flex; align-items: center; flex-direction: row; gap: 18px; list-style: none; margin: 0;}
.menu .navbar-nav li{margin: 0;}
.menu .navbar-nav li a{color: #fff; display: inline-flex; align-items: center;}
.navbar-collapse{align-items: center;}
.menu .page_item a{color: #fff; position: relative; padding: 8px 6px; border-radius: 8px;}
.menu .page_item a:focus-visible{outline: 2px dashed #fff; outline-offset: 3px;}
.menu .page_item a:after{content: ""; position: absolute; left: 8px; right: 8px; bottom: 4px; height: 2px; background-color: #8FD8C7; opacity: 0; transform: scaleX(0.6); transition: transform 0.2s ease, opacity 0.2s ease;}
.menu .page_item a:hover,
.menu .page_item a:focus-visible{color: #8FD8C7;}
.menu .page_item a:hover:after,
.menu .page_item a:focus-visible:after{opacity: 1; transform: scaleX(1);}
.menu .navbar-nav li a{position: relative; padding: 8px 6px; border-radius: 8px;}
.menu .navbar-nav li a:focus-visible{outline: 2px dashed #fff; outline-offset: 3px;}
.menu .navbar-nav li.active a, .menu .navbar-nav li a:hover {color: #8FD8C7; }
.menu .navbar-nav li a:after{content: ""; position: absolute; left: 8px; right: 8px; bottom: 4px; height: 2px; background-color: #8FD8C7; opacity: 0; transform: scaleX(0.6); transition: transform 0.2s ease, opacity 0.2s ease;}
.menu .navbar-nav li a:hover:after,
.menu .navbar-nav li.active a:after{opacity: 1; transform: scaleX(1);}
.menu .navbar-nav li{margin: 0 10px; position: relative;padding: 10px 0;}
.menu ul ul { list-style: none; display: none; right: auto; left: 0; border-top: 1px solid #3a7ac5; margin: 0; min-width: 245px; position: absolute; top: 50px; z-index: 9999; background: rgba(37, 39, 40, 0.95); padding: 0px; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}
.menu li:hover ul li{padding: 5px 0;}
.menu li:hover ul { display: block; }
.menu .navbar-nav li.current-menu-item ul a{color: #fff;}
.menu .navbar-nav li ul li a{color: #fff;}
.header-right-section img{width: 35px; height: 35px;}
.navbar-brand {max-width: 260px;}
.navbar-expand-lg {justify-content: space-between;}
.navbar-expand-lg .navbar-collapse {justify-content: flex-end;}
.navbar{gap: 18px; align-items: center;}
.nav-right{display: flex; align-items: center; gap: 16px; margin-left: auto;}
.navbar-collapse{flex: 1 1 auto;}
.header-right-section{margin-left: 0;}
.mobile-menu-close {display: none;}
.submenu-caret:after { content: "+"; display: inline-block; font-size: 18px; left: 0; position: relative; font-family: "FontAwesome"; color: #fff;font-style: normal; cursor: pointer;
}
.submenu-caret {padding: 0 10px;}
.submenu-caret:focus { padding: 0 10px; outline: 1px dotted white;}

/* Search Box */
.search-field-form {padding: 5px; display: flex; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 12px 26px rgba(41, 80, 150, 0.2); border-radius: 10px; opacity: 0; visibility: hidden; position: absolute; transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease; right: 0; bottom: -150px; z-index: 1; transform: translateY(8px); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(58, 122, 197, 0.2);}
.header-search .form-active {opacity: 1; visibility: visible; bottom: -105px; transform: translateY(0); }
.header-search input {border: 0; outline: 0; }
.header-search > button{border-radius: 8px; padding: 6px; transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;}
.header-search > button:hover,
.header-search > button:focus-visible{background: rgba(255,255,255,0.18); transform: translateY(-1px); box-shadow: 0 8px 18px rgba(0,0,0,0.15);}
.search-field-form input[type="search"],
.search-field-form input[type="text"] {min-height: 50px; width: clamp(220px, 32vw, 400px); border: 1px solid #3a7ac5; padding: 0px 12px; border-bottom-left-radius: 8px; border-top-left-radius: 8px; font-size: 16px; }
.search-field-form input[type="search"]::placeholder,
.search-field-form input[type="text"]::placeholder{color: #B2B2B2;}
.search-field-form input[type="submit"] {min-height: 50px; color: white; padding: 0px 20px; border-bottom-right-radius: 8px; border-top-right-radius: 8px; font-size: 16px; background: #3a7ac5;}
.search-field-form input[type="submit"]:focus {border: 1px solid white;}

.search-form {padding: 5px; display: flex; background-color: white; transition: all 0.3s ease-in-out !important; right: 0; bottom: -150px; z-index: 1; }
.search-form label {margin: 0;}
.search-form input[type="search"] {min-height: 50px; width: 400px; border: 1px solid #3a7ac5; padding: 0px 10px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; font-size: 16px; }
.search-form input[type="search"]::placeholder{color: #B2B2B2;}
.search-form input[type="submit"] {min-height: 50px; color: white; padding: 0px 20px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; font-size: 16px; background: #3a7ac5;}

/* Page Content */
h1.entry-title{color: #f0f8ff;}
h2.wp-block-heading{color: #3a7ac5;margin-bottom: 20px;}
.blueboxed-page {padding: 60px 0; background: linear-gradient(180deg, #eff6ff 0%, #ffffff 70%);}
.blueboxed-page article,.blueboxed-post article{border-bottom: 1px solid rgba(58, 122, 197, 0.35); margin-bottom: 22px; padding-bottom: 15px; background: rgba(70, 108, 160, 0.86); padding: 28px 30px; border-radius: 18px; box-shadow: var(--blueboxed-shadow); transition: transform 0.25s ease, box-shadow 0.25s ease; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(58, 122, 197, 0.25); color: #eef5ff;}
.blueboxed-page article:hover,
.blueboxed-page article:focus-within{transform: translateY(-4px); box-shadow: 0 16px 36px rgba(41, 80, 150, 0.28);}
.blueboxed-post article:last-child{border-bottom: 0;}
.page-header {border-bottom: 2px solid #3a7ac5; margin-bottom: 20px;}
figure.wp-block-image.size-large.is-style-default img{border-radius: 50px;}
/* Search Page */
.blueboxed-search .page-header { border-bottom: 2px solid #3a7ac5;}
.blueboxed-search a { color: #000;}
.blueboxed-search a:hover { color: #3a7ac5;}

/* Page Links */
h2.entry-title a {color: #f0f8ff;}
.nav-links a,
.entry-meta a,
.entry-content a,
.readmore-meta a,
.page-content a,
.comment-form a { color: #295096; font-weight: bold; text-decoration: underline; }
.entry-meta,
.entry-meta a{color: #dbe6fb;}
.entry-header .entry-title{color: #f3f8ff;}
.entry-header .entry-title a{color: #f3f8ff;}
.entry-header{margin-bottom: 10px;}
.comment-form input[type="submit"] {background: #3a7ac5; color: #fff; padding: 10px 15px; border: 1px solid #3a7ac5;transition: .4s;}
.comment-form input[type="submit"]:hover{color: #fff;background-color: #295096;border: 1px solid #295096;}
/* Widget */
.widget-area a { color: #3a7ac5; font-weight: bold; }
.widget-area ul { list-style-type: unset; }

/* Footer */
footer{background-color: #2f6dbf; animation: blueboxed-footer-rise 0.7s ease both;}
.blueboxed-footer .widget{margin: 0;}
.blueboxed-footer p,
.blueboxed-footer h2,
.blueboxed-footer h3,
.blueboxed-footer h4,
.blueboxed-footer h5,
.blueboxed-footer h6,
.blueboxed-footer a,
.blueboxed-footer span { color: #fff; margin-bottom: 0px; }
.social-icons img{width: 45px; height: 45px;}
.social-icons a{margin-left: 15px;}
.footer-menu-title{margin: 8px 0 8px; font-size: 32px; font-weight: 500;}
.footer-2{text-align: left;}
.footer-2 .footer-menu,
.footer-2 .menu,
.footer-2 .menu ul{list-style: none; padding: 0; margin: 0; display: block;}
.footer-2 .footer-menu li,
.footer-2 .menu li{margin: 8px 0;}
.footer-2 a{color: #ffffff; text-decoration: none; position: relative; padding-bottom: 4px; display: inline-block;}
.footer-2 a:after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #8FD8C7; opacity: 0; transform: scaleX(0.7); transition: transform 0.2s ease, opacity 0.2s ease;}
.footer-2 a:hover,
.footer-2 a:focus-visible{color: #8FD8C7;}
.footer-2 a:hover:after,
.footer-2 a:focus-visible:after{opacity: 1; transform: scaleX(1);}

/* Comment Form */
.comment-meta { background-color: unset; }
.comment-meta a,
.reply a,
.comment-respond a { color: #3a7ac5; font-weight: bold; text-decoration: underline; }
.comment-meta .comment-author img { height: 30px; width: 30px; border-radius: 50%; }
#respond h3 { font-size: 20px; }
#respond h3 small {margin-left: 10px;}

/* Content Layout */
.content-posts{display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.45fr); gap: 24px; align-items: start;}
.content-posts .post-thumbnail{width: 100%; max-height: 220px; border-radius: 14px; overflow: hidden; box-shadow: 0 12px 28px rgba(21, 60, 120, 0.25); background: rgba(255, 255, 255, 0.15); display: flex;}
.content-posts .post-thumbnail img{border-radius: 14px; transition: transform 0.35s ease; width: 100%; height: 100%; object-fit: cover; display: block;}
.content-posts .post-thumbnail a:focus-visible{outline: 2px dashed #fff; outline-offset: 4px;}
.content-posts .entry-content{background-color: rgba(240, 248, 255, 0.92); border-radius: 16px; border: 1px solid rgba(58, 122, 197, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35); padding: 22px; color: #1b2a44;}
.content-posts .entry-content p{color: #1b2a44;}
.single-post .content-posts .post-thumbnail{max-width: 100%; max-height: none;}
.single-post .content-posts{grid-template-columns: 1fr; gap: 20px;}
.single-post .content-posts .post-thumbnail img{width: 100%; height: auto;}
.single-post .content-posts .post-thumbnail{margin-bottom: 10px;}
.single-post .entry-content{background-color: rgba(240, 248, 255, 0.95);}
.content-posts:hover .post-thumbnail img{transform: scale(1.02);}
.readmore-meta a{transition: transform 0.2s ease, box-shadow 0.2s ease;}
.readmore-meta a:hover{transform: translateY(-2px); box-shadow: 0 10px 18px rgba(41, 80, 150, 0.2);}

/* Single Post Premium Layout */
.single-post .blueboxed-single .container{
    max-width: 980px;
}

.single-post .blueboxed-page article{
    border-radius: 22px;
    padding: clamp(20px, 2.8vw, 36px);
    background: linear-gradient(145deg, rgba(80, 121, 179, 0.92), rgba(53, 89, 143, 0.92));
}

.single-post h1.entry-title{
    font-size: clamp(2rem, 4.4vw, 3.35rem);
    line-height: 1.18 !important;
    letter-spacing: 0.01em;
}

.blueboxed-single-kpis{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 8px 0 12px;
}

.blueboxed-chip{
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 13px;
    line-height: 1.2;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #f7fbff;
}

.blueboxed-chip-category a{
    color: inherit;
    text-decoration: none;
}

.single-post .entry-meta{
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    font-size: 14px;
}

.single-post .content-posts{
    gap: 22px;
}

.single-post .content-posts .post-thumbnail{
    margin: 0;
    border-radius: 16px;
    max-height: none;
    box-shadow: 0 14px 32px rgba(15, 32, 64, 0.35);
}

.single-post .content-posts .post-thumbnail img{
    width: 100%;
    max-height: min(540px, 62vh);
    object-fit: cover;
}

.single-post .content-posts .entry-content{
    padding: 0;
    border-radius: 18px;
    border: 1px solid rgba(66, 117, 186, 0.22);
    box-shadow: 0 18px 36px rgba(17, 41, 80, 0.14);
    overflow: hidden;
}

.single-post .entry-content > *{
    max-width: 100%;
}

.single-post .entry-content .entry-content-inner{
    padding: clamp(18px, 2.4vw, 34px);
}

.single-post .entry-content .entry-content-inner > *{
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* Override plugin full-bleed content blocks inside single post card */
.single-post .entry-content .aab-generated-content,
.single-post .entry-content .entry-content-inner .aab-generated-content{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box;
}

.single-post .entry-content p{
    line-height: 1.85;
    font-size: 1.05rem;
    overflow-wrap: anywhere;
}

.single-post .entry-content h2{
    font-size: clamp(1.45rem, 2.6vw, 2.05rem);
    line-height: 1.25 !important;
    margin: 24px 0 10px;
}

.single-post .entry-content h1{
    font-size: clamp(1.6rem, 2.9vw, 2.2rem);
    line-height: 1.2 !important;
    margin: 24px 0 10px;
}

.single-post .entry-content h3{
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    margin: 20px 0 10px;
}

.single-post .entry-content h4{
    font-size: clamp(1.2rem, 2vw, 1.5rem);
    margin: 18px 0 8px;
}

.single-post .entry-content img,
.single-post .entry-content .wp-block-image img{
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 14px;
}

.single-post .entry-content figure{
    margin: 1.4rem 0;
}

.single-post .entry-content .entry-content-inner .alignwide,
.single-post .entry-content .entry-content-inner .alignfull{
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.single-post .entry-content .entry-content-inner > .wp-block-image.alignwide,
.single-post .entry-content .entry-content-inner > .wp-block-image.alignfull,
.single-post .entry-content .entry-content-inner > .wp-block-cover.alignwide,
.single-post .entry-content .entry-content-inner > .wp-block-cover.alignfull,
.single-post .entry-content .entry-content-inner > .wp-block-media-text.alignwide,
.single-post .entry-content .entry-content-inner > .wp-block-media-text.alignfull{
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

.single-post .entry-content .entry-content-inner > .wp-block-image.alignwide img,
.single-post .entry-content .entry-content-inner > .wp-block-image.alignfull img,
.single-post .entry-content .entry-content-inner > .wp-block-cover.alignwide img,
.single-post .entry-content .entry-content-inner > .wp-block-cover.alignfull img{
    width: 100% !important;
    max-width: 100% !important;
}

.single-post .entry-content blockquote{
    margin: 1.5rem 0;
    padding: 16px 18px;
    border-left: 4px solid var(--blueboxed-primary);
    background: rgba(47, 109, 191, 0.08);
    border-radius: 10px;
}

.single-post .blueboxed-single-navigation-wrap{
    margin-top: 26px;
}

.single-post .post-navigation{
    background: rgba(255, 255, 255, 0.66);
    border: 1px solid rgba(66, 117, 186, 0.22);
    border-radius: 14px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 14px 16px;
}

.single-post .post-navigation .nav-links{
    display: flex;
    gap: 12px;
}

.single-post .post-navigation .nav-previous,
.single-post .post-navigation .nav-next{
    width: 50%;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(66, 117, 186, 0.18);
}

.single-post .post-navigation .nav-subtitle{
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #4c658a;
}

.single-post .post-navigation .nav-title{
    display: block;
    font-size: 16px;
    color: #183364;
}

.single-post .blueboxed-single-comments-wrap{
    margin-top: 22px;
}

.single-post #comments{
    background: rgba(80, 121, 179, 0.9);
    border: 1px solid rgba(66, 117, 186, 0.32);
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 10px 26px rgba(24, 51, 100, 0.16);
}

.single-post #comments .comments-title,
.single-post #comments label{
    color: #eef5ff;
}

.single-post #comments textarea,
.single-post #comments input[type="text"],
.single-post #comments input[type="email"],
.single-post #comments input[type="url"]{
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(27, 57, 105, 0.25);
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.9);
}

/* Motion */
@keyframes blueboxed-fade-up{
    from{opacity: 0; transform: translateY(12px);}
    to{opacity: 1; transform: translateY(0);}
}
.blueboxed-page article{animation: blueboxed-fade-up 0.6s ease both;}
@keyframes blueboxed-slide-down{
    from{opacity: 0; transform: translateY(-10px);}
    to{opacity: 1; transform: translateY(0);}
}
@keyframes blueboxed-footer-rise{
    from{opacity: 0; transform: translateY(10px);}
    to{opacity: 1; transform: translateY(0);}
}
.site-header{animation: blueboxed-slide-down 0.6s ease both;}

/* Home Experience */
.home .blueboxed-page .container{
    max-width: 1160px;
}

.blueboxed-home-hero{
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 22px;
    align-items: stretch;
    margin-bottom: 24px;
}

.blueboxed-home-hero__content{
    background: linear-gradient(145deg, rgba(47,109,191,0.92), rgba(123,140,255,0.88));
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.3);
    box-shadow: 0 16px 36px rgba(28, 62, 118, 0.28);
    padding: clamp(18px, 2.2vw, 34px);
    color: #f5fbff;
}

.blueboxed-home-hero__eyebrow{
    font-size: 12px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    margin: 0 0 8px;
    opacity: 0.9;
}

.blueboxed-home-hero__title{
    margin: 0 0 8px;
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1.12 !important;
}

.blueboxed-home-hero__desc{
    margin: 0;
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    max-width: 48ch;
    color: #e7f2ff;
}

.blueboxed-home-hero__cta{
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.blueboxed-home-hero__cta .btn-green{
    background: rgba(245, 251, 255, 0.98);
    border-color: rgba(245, 251, 255, 0.98);
    color: #1e3f77;
    font-weight: 600;
}

.blueboxed-home-hero__cta .btn-green:hover,
.blueboxed-home-hero__cta .btn-green:focus-visible{
    background: rgba(232, 245, 255, 1);
    border-color: rgba(232, 245, 255, 1);
    color: #15305c;
}

.blueboxed-home-hero__cta .btn-green2{
    color: #f7fbff;
    border-color: rgba(247, 251, 255, 0.78);
    background: rgba(20, 48, 91, 0.08);
    font-weight: 600;
}

.blueboxed-home-hero__cta .btn-green2:hover,
.blueboxed-home-hero__cta .btn-green2:focus-visible{
    background: rgba(247, 251, 255, 0.2);
    border-color: rgba(247, 251, 255, 1);
    color: #ffffff;
}

.blueboxed-home-hero__feature{
    min-height: 100%;
}

.blueboxed-feature-card{
    display: block;
    height: 100%;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(77, 118, 186, 0.25);
    border-radius: 18px;
    color: #16315f;
    text-decoration: none;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(22, 52, 100, 0.16);
    transition: transform 0.26s ease, box-shadow 0.26s ease, border-color 0.26s ease;
}

.blueboxed-feature-card,
.blueboxed-feature-card:visited{
    color: #16315f;
}

.blueboxed-feature-card__thumb{
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.blueboxed-feature-card__thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.blueboxed-feature-card__title{
    font-size: clamp(1.2rem, 2vw, 1.45rem);
    margin: 14px 14px 2px;
    line-height: 1.25 !important;
}

.blueboxed-feature-card__meta{
    margin: 0 14px 14px;
    color: #4f678e;
    font-size: 13px;
}

.blueboxed-feature-card:hover,
.blueboxed-feature-card:focus-visible{
    transform: translateY(-4px);
    box-shadow: 0 18px 34px rgba(22, 52, 100, 0.2);
    border-color: rgba(74, 201, 178, 0.55);
}

.blueboxed-feature-card:hover .blueboxed-feature-card__thumb img,
.blueboxed-feature-card:focus-visible .blueboxed-feature-card__thumb img{
    transform: scale(1.03);
}

.blueboxed-home-topics{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 26px;
}

.blueboxed-topic-chip{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 14px;
    color: #16315f;
    background: rgba(255,255,255,0.78);
    border: 1px solid rgba(66,117,186,0.22);
    box-shadow: 0 8px 18px rgba(25, 51, 93, 0.08);
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.blueboxed-topic-chip span{
    font-size: 12px;
    border-radius: 999px;
    background: rgba(47,109,191,0.14);
    padding: 2px 7px;
}

.blueboxed-topic-chip:hover,
.blueboxed-topic-chip:focus-visible{
    transform: translateY(-2px);
    border-color: rgba(123, 140, 255, 0.45);
    box-shadow: 0 12px 24px rgba(25, 51, 93, 0.14);
}

/* Static Front Page Enhancement */
.home.page:not(.blog) .blueboxed-frontpage{
    border-radius: 22px;
    padding: clamp(22px, 2.6vw, 36px);
    background: linear-gradient(148deg, rgba(57, 101, 167, 0.88), rgba(96, 136, 198, 0.84));
    border: 1px solid rgba(255,255,255,0.28);
    box-shadow: 0 20px 40px rgba(19, 46, 91, 0.2);
}

.home.page:not(.blog) .blueboxed-frontpage .entry-header{
    margin-bottom: 12px;
}

.home.page:not(.blog) .blueboxed-frontpage .entry-title{
    color: #f2f8ff;
    font-size: clamp(2rem, 4.2vw, 3.4rem);
    line-height: 1.14 !important;
    margin-bottom: 8px;
}

.home.page:not(.blog) .blueboxed-frontpage-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

.blueboxed-frontpage-pill{
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 13px;
    color: #17325f;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(255,255,255,0.92);
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.home.page:not(.blog) .blueboxed-frontpage-actions .blueboxed-frontpage-pill{
    color: #14305f !important;
    background: #ffffff !important;
    border-color: rgba(255,255,255,0.98) !important;
    text-decoration: none !important;
    font-weight: 600;
}

.blueboxed-frontpage-pill:hover,
.blueboxed-frontpage-pill:focus-visible{
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(17, 43, 86, 0.2);
}

.home.page:not(.blog) .blueboxed-frontpage-actions .blueboxed-frontpage-pill:hover,
.home.page:not(.blog) .blueboxed-frontpage-actions .blueboxed-frontpage-pill:focus-visible{
    color: #0f2750 !important;
    background: #eaf4ff !important;
    border-color: #eaf4ff !important;
}

.home.page:not(.blog) .blueboxed-frontpage .entry-content{
    background: rgba(240, 248, 255, 0.97);
    border-radius: 18px;
    border: 1px solid rgba(66,117,186,0.24);
    color: #16305d;
    padding: 0;
    overflow: hidden;
}

.home.page:not(.blog) .blueboxed-frontpage-content{
    padding: clamp(18px, 2.4vw, 34px);
}

.home.page:not(.blog) .blueboxed-frontpage-content > *{
    max-width: 100%;
}

.home.page:not(.blog) .blueboxed-frontpage-content h2{
    margin: 20px 0 10px;
    font-size: clamp(1.45rem, 2.5vw, 2.2rem);
    line-height: 1.2 !important;
    color: #16305d;
}

.home.page:not(.blog) .blueboxed-frontpage-content p{
    font-size: clamp(1rem, 1.2vw, 1.15rem);
    line-height: 1.8;
    color: #1c396b;
}

.home.page:not(.blog) .blueboxed-frontpage-content ul{
    margin: 14px 0 14px 18px;
}

.home.page:not(.blog) .blueboxed-frontpage-content li{
    margin-bottom: 8px;
    line-height: 1.7;
    color: #1c396b;
}

.blueboxed-card-meta{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.blueboxed-card-chip{
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    color: #17315c;
    background: rgba(255,255,255,0.65);
    border: 1px solid rgba(66,117,186,0.24);
    border-radius: 999px;
    padding: 5px 10px;
}

.blueboxed-card-chip a{
    color: inherit;
    text-decoration: none;
}

.home .blueboxed-post article{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding: 26px;
}

.home .blueboxed-post article:nth-of-type(4n+1){
    background: linear-gradient(150deg, rgba(49, 98, 172, 0.9), rgba(123, 140, 255, 0.8));
}

.home .blueboxed-post article:nth-of-type(4n+2){
    background: linear-gradient(150deg, rgba(37, 130, 146, 0.88), rgba(74, 201, 178, 0.82));
}

.home .blueboxed-post article:nth-of-type(4n+3){
    background: linear-gradient(150deg, rgba(183, 92, 92, 0.86), rgba(255, 127, 80, 0.76));
}

.home .blueboxed-post article:nth-of-type(4n+4){
    background: linear-gradient(150deg, rgba(84, 93, 181, 0.9), rgba(47, 109, 191, 0.78));
}

.home .blueboxed-post article:before{
    content: "";
    position: absolute;
    right: -38px;
    top: -38px;
    width: 120px;
    height: 120px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255,255,255,0.27), rgba(255,255,255,0));
    pointer-events: none;
}

/* WooCommerce Compatibility */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
    border-radius: 16px;
    border: 1px solid rgba(66,117,186,0.2);
    background: rgba(255,255,255,0.78);
    box-shadow: 0 10px 24px rgba(23, 49, 92, 0.1);
    padding: 12px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
    transform: translateY(-3px);
    box-shadow: 0 16px 30px rgba(23, 49, 92, 0.14);
    border-color: rgba(74,201,178,0.42);
}

.woocommerce div.product{
    background: rgba(255,255,255,0.8);
    border: 1px solid rgba(66,117,186,0.18);
    border-radius: 16px;
    padding: clamp(16px, 2vw, 24px);
}

/* Visual Enhancement Layer */
.blueboxed-page{position: relative; overflow: hidden; isolation: isolate;}
.blueboxed-page:before,
.blueboxed-page:after{
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    z-index: -1;
    filter: blur(1px);
}
.blueboxed-page:before{
    width: 340px;
    height: 340px;
    left: -110px;
    top: 48px;
    background: radial-gradient(circle at center, rgba(143, 216, 199, 0.42), rgba(143, 216, 199, 0));
}
.blueboxed-page:after{
    width: 400px;
    height: 400px;
    right: -130px;
    top: 10%;
    background: radial-gradient(circle at center, rgba(47, 109, 191, 0.24), rgba(47, 109, 191, 0));
}

.menu,
.blueboxed-page article,
.content-posts .entry-content,
.search-field-form{
    --bb-surface-text: var(--blueboxed-surface-light-text);
    --bb-surface-link: var(--blueboxed-link-accent);
}

.bb-auto-contrast-target.bb-surface-dark{
    --bb-surface-text: var(--blueboxed-surface-dark-text);
    --bb-surface-link: var(--blueboxed-link-on-dark);
}

.bb-auto-contrast-target.bb-surface-light{
    --bb-surface-text: var(--blueboxed-surface-light-text);
    --bb-surface-link: var(--blueboxed-link-accent);
}

.blueboxed-page article,
.content-posts .entry-content,
.search-field-form{
    color: var(--bb-surface-text);
}

.blueboxed-page article p,
.content-posts .entry-content p{
    color: inherit;
}

.blueboxed-page article a,
.content-posts .entry-content a,
.search-field-form a{
    color: var(--bb-surface-link);
}

.entry-content a,
.page-content a,
.readmore-meta a,
.nav-links a,
.entry-meta a{
    transition: color 0.25s ease, text-decoration-color 0.25s ease, text-underline-offset 0.25s ease, transform 0.2s ease;
    text-underline-offset: 2px;
}

.entry-content a:hover,
.page-content a:hover,
.readmore-meta a:hover,
.nav-links a:hover,
.entry-meta a:hover{
    text-underline-offset: 5px;
}

.btn-green:hover,
.btn-green2:hover,
.btn-yellow:hover,
.btn-white:hover{
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(20, 44, 92, 0.24);
}

.blueboxed-page article{
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.blueboxed-page article:hover,
.blueboxed-page article:focus-within{
    border-color: rgba(143, 216, 199, 0.65);
}

.content-posts .entry-content{
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.content-posts .entry-content:hover,
.content-posts .entry-content:focus-within{
    transform: translateY(-2px);
    border-color: rgba(47, 109, 191, 0.45);
    box-shadow: 0 12px 22px rgba(41, 80, 150, 0.16);
}

.bb-js .bb-reveal{
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    transition-delay: var(--bb-reveal-delay, 0ms);
}

.bb-js .bb-reveal.bb-in-view{
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce){
    *{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;}
}
