/* =============================================================================
   Search Block Styles
   ============================================================================= */
.search-block {
margin: 30px 0;
}

.search-block .hd-search-form {
position: relative;
max-width: 600px;
margin: 0 auto;
}

.search-block .search-field {
width: 100%;
padding: 15px 60px 15px 20px;
border-radius: 30px;
border: 1px solid #ddd;
font-size: 16px;
box-sizing: border-box;
transition: all 0.3s ease;
}

.search-block .search-field:focus {
outline: none;
border-color: #2271b1;
box-shadow: 0 0 0 3px rgba(34, 113, 177, 0.1);
}

.search-block .search-submit {
position: absolute;
right: 5px;
top: 5px;
height: calc(100% - 10px);
border-radius: 25px;
border: none;
background: #333;
color: #fff;
padding: 0 25px;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}

.search-block .search-submit:hover {
background: #2271b1;
transform: scale(1.05);
}

.search-block .search-submit .dashicons {
line-height: 1;
font-size: 20px;
}

/* Search Block Styles */
.search-block.style-standard {
background-color: #f5f5f5;
padding: 40px 20px;
border-radius: 8px;
}

.search-block.style-minimal {
background-color: transparent;
padding: 20px 0;
}

.search-block.style-minimal .search-field {
background-color: #fff;
border: 2px solid #ddd;
}

.search-block.style-minimal .search-field:focus {
border-color: #2271b1;
}

.search-block.style-colorful {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
padding: 50px 20px;
border-radius: 12px;
color: #fff;
}

.search-block.style-colorful .feature-block-title {
color: #fff;
}

.search-block.style-colorful .search-field {
background-color: rgba(255, 255, 255, 0.95);
border: none;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.search-block.style-colorful .search-field:focus {
background-color: #fff;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.search-block.style-colorful .search-submit {
background: #333;
}

/* Default Standard Style Improvements */
.search-block.style-standard {
border-radius: 8px;
padding: 30px 20px;
}

.search-block .search-field {
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.search-block .search-field:focus {
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
border-color: #aaa;
outline: none;
}

.search-block .search-submit {
transition: all 0.3s ease;
background: #444;
}

.search-block .search-submit:hover {
background: #000;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.search-block.style-colorful .search-submit:hover {
background: #000;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Responsive */
@media (max-width: 767px) {
.search-block .hd-search-form {
max-width: 100%;
}

.search-block .search-field {
padding: 12px 50px 12px 15px;
font-size: 14px;
}

.search-block .search-submit {
padding: 0 15px;
}

.search-block .search-submit .dashicons {
font-size: 18px;
}
}

/* =============================================================================
   Search Hub Block
   ============================================================================= */
.search-hub-block {
--search-hub-bg: #f7f8fb;
--search-hub-accent: #1f6feb;
--search-hub-ink: #172033;
--search-hub-muted: #667085;
margin: 30px 0;
}

.search-hub-block .feature-block-container {
background: var(--search-hub-bg);
border: 1px solid rgba(23, 32, 51, 0.08);
border-radius: 22px;
padding: 28px;
box-shadow: 0 18px 45px rgba(20, 32, 54, 0.08);
}

.search-hub-card {
display: grid;
gap: 18px;
}

.search-hub-header {
display: grid;
gap: 8px;
}

.search-hub-title {
margin-bottom: 0;
}

.search-hub-subtitle {
margin: 0;
color: var(--search-hub-muted);
font-size: 0.98rem;
line-height: 1.7;
}

.search-hub-form {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
align-items: center;
}

.search-hub-input {
width: 100%;
min-height: 52px;
border: 1px solid rgba(23, 32, 51, 0.16);
border-radius: 999px;
padding: 0 20px;
font-size: 1rem;
background: #fff;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.search-hub-input:focus {
outline: none;
border-color: var(--search-hub-accent);
box-shadow: 0 0 0 4px color-mix(in srgb, var(--search-hub-accent) 16%, transparent);
}

.search-hub-submit,
.search-hub-overlay-trigger {
min-height: 52px;
border: 0;
border-radius: 999px;
padding: 0 22px;
font-weight: 700;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.search-hub-submit {
background: var(--search-hub-accent);
color: #fff;
box-shadow: 0 12px 24px color-mix(in srgb, var(--search-hub-accent) 24%, transparent);
}

.search-hub-overlay-trigger {
grid-column: 1 / -1;
justify-self: start;
background: #fff;
color: var(--search-hub-ink);
border: 1px solid rgba(23, 32, 51, 0.12);
}

.search-hub-submit:hover,
.search-hub-overlay-trigger:hover {
transform: translateY(-1px);
box-shadow: 0 14px 28px rgba(20, 32, 54, 0.14);
}

.search-hub-keywords,
.search-hub-tag-cloud {
display: grid;
gap: 10px;
margin-top: 18px;
}

.search-hub-section-title {
font-size: 0.86rem;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--search-hub-muted);
}

.search-hub-chip-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.search-hub-chip {
display: inline-flex;
align-items: center;
gap: 7px;
border-radius: 999px;
padding: 8px 13px;
background: #fff;
border: 1px solid rgba(23, 32, 51, 0.1);
color: var(--search-hub-ink);
text-decoration: none;
line-height: 1.35;
transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.search-hub-chip:hover {
border-color: var(--search-hub-accent);
color: var(--search-hub-accent);
transform: translateY(-1px);
}

.search-hub-chip-count {
display: inline-grid;
place-items: center;
min-width: 1.65em;
height: 1.65em;
border-radius: 999px;
background: color-mix(in srgb, var(--search-hub-accent) 12%, transparent);
color: var(--search-hub-accent);
font-size: 0.78em;
font-weight: 800;
}

.search-hub-block.style-hero .feature-block-container {
background:
radial-gradient(circle at top left, color-mix(in srgb, var(--search-hub-accent) 22%, transparent), transparent 38%),
linear-gradient(135deg, #101828 0%, #1b2740 100%);
color: #fff;
}

.search-hub-block.style-hero .search-hub-subtitle,
.search-hub-block.style-hero .search-hub-section-title {
color: rgba(255, 255, 255, 0.72);
}

.search-hub-block.style-hero .search-hub-chip,
.search-hub-block.style-hero .search-hub-overlay-trigger {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.18);
color: #fff;
}

.search-hub-block.style-compact .feature-block-container {
padding: 18px;
border-radius: 16px;
box-shadow: none;
}

.search-hub-block.style-compact .search-hub-form {
grid-template-columns: minmax(0, 1fr) auto;
}

@media (max-width: 767px) {
.search-hub-block .feature-block-container {
padding: 20px;
border-radius: 18px;
}

.search-hub-form {
grid-template-columns: 1fr;
}

.search-hub-submit,
.search-hub-overlay-trigger {
width: 100%;
justify-content: center;
}
}

/* =============================================================================
   Regional Link Grid Block
   ============================================================================= */
.regional-link-grid-block {
--regional-link-grid-bg: transparent;
--regional-link-grid-card: #f8f8f8;
--regional-link-grid-accent: #1f6feb;
--regional-link-grid-ink: #202632;
--regional-link-grid-muted: #6b7280;
margin: 30px 0;
}

.regional-link-grid-block .feature-block-container {
background: var(--regional-link-grid-bg);
}

.regional-link-grid-header {
display: grid;
gap: 8px;
margin-bottom: 18px;
}

.regional-link-grid-title {
margin: 0;
}

.regional-link-grid-subtitle {
margin: 0;
color: var(--regional-link-grid-muted);
line-height: 1.7;
}

.regional-link-grid {
display: grid;
grid-template-columns: repeat(var(--regional-link-grid-columns, 3), minmax(0, 1fr));
gap: 14px;
}

.regional-link-grid-card {
background: var(--regional-link-grid-card);
border: 1px solid rgba(32, 38, 50, 0.05);
border-radius: 3px;
padding: 18px 20px;
min-width: 0;
}

.regional-link-grid-card-title {
margin: 0 0 12px;
font-size: 0.96rem;
font-weight: 800;
color: var(--regional-link-grid-ink);
}

.regional-link-grid-links {
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
}

.regional-link-grid-link {
color: var(--regional-link-grid-muted);
font-size: 0.9rem;
line-height: 1.6;
text-decoration: none;
transition: color 0.2s ease, transform 0.2s ease;
}

.regional-link-grid-link:hover {
color: var(--regional-link-grid-accent);
transform: translateY(-1px);
}

.regional-link-grid-block.style-card .regional-link-grid-card {
border-radius: 18px;
box-shadow: 0 14px 36px rgba(15, 23, 42, 0.07);
}

.regional-link-grid-block.style-minimal .regional-link-grid-card {
background: transparent;
border-color: rgba(32, 38, 50, 0.08);
border-width: 0 0 1px;
border-radius: 0;
padding: 16px 0;
}

@media (max-width: 900px) {
.regional-link-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 600px) {
.regional-link-grid {
grid-template-columns: 1fr;
}
}

/* =============================================================================
   Content Showcase Block
   ============================================================================= */
.content-showcase-block {
--content-showcase-bg: transparent;
--content-showcase-accent: #ef3d63;
--content-showcase-ink: #1f2933;
--content-showcase-muted: #697586;
margin: 36px 0;
}

.content-showcase-block .feature-block-container {
background: var(--content-showcase-bg);
}

.content-showcase-title {
margin-bottom: 22px;
}

.content-showcase-grid {
display: grid;
grid-template-columns: minmax(320px, 0.95fr) minmax(420px, 1.05fr);
gap: 32px;
align-items: start;
}

.content-showcase-side,
.content-showcase-panel {
display: grid;
gap: 22px;
}

.content-showcase-panel-header {
display: grid;
gap: 7px;
margin-bottom: 2px;
}

.content-showcase-panel-header--inline {
grid-template-columns: minmax(160px, auto) minmax(0, 1fr);
align-items: end;
gap: 18px;
}

.content-showcase-panel-header h4 {
margin: 0;
font-size: clamp(1.35rem, 2.2vw, 2rem);
line-height: 1.25;
color: var(--content-showcase-ink);
}

.content-showcase-panel-header p {
margin: 0;
color: var(--content-showcase-accent);
font-weight: 700;
}

.content-showcase-feature-intro {
color: var(--content-showcase-muted) !important;
font-size: 0.9rem;
font-weight: 500 !important;
line-height: 1.7;
}

.content-showcase-campaign-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}

.content-showcase-campaign-card {
display: grid;
gap: 13px;
color: var(--content-showcase-ink);
text-decoration: none;
min-width: 0;
}

.content-showcase-campaign-media,
.content-showcase-feature-media,
.content-showcase-hero-media,
.content-showcase-thumb-media {
display: block;
overflow: hidden;
background: linear-gradient(135deg, rgba(239, 61, 99, 0.18), rgba(31, 111, 235, 0.16));
}

.content-showcase-campaign-media {
aspect-ratio: 1.82;
border-radius: 2px;
}

.content-showcase-campaign-image,
.content-showcase-feature-image,
.content-showcase-hero-image,
.content-showcase-thumb-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.content-showcase-campaign-copy {
display: grid;
gap: 4px;
font-weight: 800;
line-height: 1.55;
}

.content-showcase-campaign-copy small {
color: var(--content-showcase-muted);
font-weight: 600;
}

.content-showcase-feature-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 26px;
}

.content-showcase-feature-card {
display: grid;
justify-items: center;
gap: 13px;
text-align: center;
color: var(--content-showcase-ink);
text-decoration: none;
}

.content-showcase-feature-media {
width: 120px;
height: 92px;
border-radius: 999px;
background: radial-gradient(circle, rgba(239, 61, 99, 0.15), rgba(239, 61, 99, 0.04) 58%, transparent 59%);
}

.content-showcase-feature-copy {
display: grid;
gap: 8px;
}

.content-showcase-feature-copy strong {
color: var(--content-showcase-accent);
font-weight: 900;
}

.content-showcase-feature-copy small {
color: var(--content-showcase-muted);
line-height: 1.8;
}

.content-showcase-hero {
display: grid;
gap: 18px;
}

.content-showcase-hero-card {
position: relative;
display: block;
min-height: min(54vw, 600px);
overflow: hidden;
color: #fff;
text-decoration: none;
background: #15181f;
}

.content-showcase-hero-media {
position: absolute;
inset: 0;
}

.content-showcase-hero-media::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 42%, rgba(0, 0, 0, 0.78));
}

.content-showcase-hero-overlay {
position: absolute;
left: 28px;
right: 28px;
bottom: 28px;
display: grid;
gap: 13px;
z-index: 1;
}

.content-showcase-hero-overlay strong {
font-size: clamp(1.4rem, 2.3vw, 2.25rem);
line-height: 1.35;
letter-spacing: 0.01em;
}

.content-showcase-hero-badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
}

.content-showcase-hero-badges span {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 10px;
background: var(--content-showcase-accent);
font-size: 0.82rem;
font-weight: 800;
}

.content-showcase-thumb-list {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px;
}

.content-showcase-thumb-card {
display: grid;
gap: 9px;
color: var(--content-showcase-ink);
font-weight: 800;
line-height: 1.45;
text-decoration: none;
min-width: 0;
}

.content-showcase-thumb-media {
aspect-ratio: 1.55;
}

.content-showcase-thumb-card strong {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.content-showcase-media-placeholder {
display: block;
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent),
linear-gradient(135deg, color-mix(in srgb, var(--content-showcase-accent) 24%, #e5e7eb), #f3f4f6);
}

.content-showcase-block.style-minimal .content-showcase-hero-card,
.content-showcase-block.style-minimal .content-showcase-campaign-media,
.content-showcase-block.style-minimal .content-showcase-thumb-media {
border-radius: 0;
}

.content-showcase-block.style-magazine .content-showcase-grid {
grid-template-columns: minmax(360px, 0.85fr) minmax(520px, 1.15fr);
}

@media (max-width: 1100px) {
.content-showcase-grid,
.content-showcase-block.style-magazine .content-showcase-grid {
grid-template-columns: 1fr;
}

.content-showcase-hero-card {
min-height: 460px;
}
}

@media (max-width: 760px) {
.content-showcase-campaign-list,
.content-showcase-feature-list,
.content-showcase-thumb-list {
grid-template-columns: 1fr;
}

.content-showcase-panel-header--inline {
grid-template-columns: 1fr;
}

.content-showcase-hero-card {
min-height: 360px;
}

.content-showcase-hero-overlay {
left: 18px;
right: 18px;
bottom: 18px;
}
}

/* =============================================================================
   Tag Cloud Block
   ============================================================================= */
.tagcloud-block .tagcloud-wrapper {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.tagcloud-block.style-cloud a {
display: inline-block;
padding: 6px 14px;
background: #f5f5f5;
border-radius: 20px;
text-decoration: none;
color: #555;
transition: all 0.2s ease;
border: 1px solid transparent;
}

.tagcloud-block.style-cloud a:hover {
background: #2271b1;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 4px 6px rgba(34, 113, 177, 0.2);
}

.tagcloud-block.style-cloud .size-1 { font-size: 0.85em; opacity: 0.9; }
.tagcloud-block.style-cloud .size-2 { font-size: 1.0em; font-weight: 500; }
.tagcloud-block.style-cloud .size-3 { font-size: 1.25em; font-weight: bold; }

/* =============================================================================
   Feature Content Block
   ============================================================================= */
.hd-feature-content-embed {
position: relative;
padding: 20px;
background: #fff;
border: 1px solid #eee;
border-radius: 8px;
overflow: hidden;
margin-bottom: 20px;
}

.hd-feature-content-embed .fc-feature-image {
margin: -20px -20px 20px -20px;
}

.hd-feature-content-embed .fc-feature-image img {
width: 100%;
height: auto;
display: block;
}

.hd-feature-content-embed .fc-title {
font-size: 1.6em;
margin-bottom: 20px;
line-height: 1.3;
}

/* =============================================================================
   Collection Block: Grid Style
   ============================================================================= */
.collection-slider-block.style-grid .collection-slider {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
overflow: visible; /* Override slider overflow */
white-space: normal; /* Override slider nowrap */
}

.collection-slider-block.style-grid .collection-item {
display: block; /* Override slider inline-block */
width: auto !important; /* Override slider width */
margin-right: 0;
}

@media (max-width: 900px) {
.collection-slider-block.style-grid .collection-slider {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 600px) {
.collection-slider-block.style-grid .collection-slider {
grid-template-columns: 1fr;
}
}

/* ============================================
   Mobile Excerpt Hiding
   ============================================ */
@media (max-width: 767px) {
.hide-excerpt-mobile .postcard_excerpt {
display: none !important;
}
}

/* ============================================
   Title Style Variants
   ============================================ 
   NOTE: Title styles are fully defined in 
   /css/style/page-home.css to avoid conflicts.
   Do not add duplicate definitions here.
   ============================================ */

/* =========================================
   Search Block Styles
   ========================================= */
.homepage-feature-block.search-block .feature-block-container {
text-align: center;
padding: 40px 20px;
max-width: 1200px;
margin: 0 auto;
}

.homepage-feature-block.search-block .feature-block-title {
display: flex;
justify-content: center;
margin-bottom: 25px;
font-size: 1.5em;
color: inherit;
}

.hd-search-form {
max-width: 600px;
margin: 0 auto;
position: relative;
}

.hd-search-form__inner {
position: relative;
width: 100%;
}

.hd-search-form__input {
width: 100%;
padding: 15px 60px 15px 25px; /* Right padding for button */
border-radius: 30px;
border: 1px solid #ddd;
font-size: 16px;
outline: none;
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.hd-search-form__input:focus {
border-color: #333;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.hd-search-form__submit {
position: absolute;
right: 5px;
top: 5px;
height: calc(100% - 10px);
width: 50px; /* Specific width for circle/pill button */
border-radius: 50%; /* Circle by default if only icon */
border: none;
background: #333;
color: #fff;
padding: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease, transform 0.2s ease;
}

.hd-search-form__submit:hover {
background-color: #000;
transform: scale(1.05);
}

.hd-search-form__submit .dashicons {
font-size: 20px;
width: 20px;
height: 20px;
line-height: 20px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.homepage-feature-block.search-block .feature-block-container {
padding: 30px 15px;
}

.hd-search-form__input {
font-size: 14px;
padding: 12px 50px 12px 20px;
}
}

/* Enhanced Search Button Hover */
.hd-search-form__submit {
transition: all 0.3s ease;
}

.hd-search-form__submit:hover {
background-color: #0073aa !important; /* Use WordPress primary blue for clear contrast */
color: #fff !important;
transform: scale(1.1);
box-shadow: 0 4px 8px rgba(0, 115, 170, 0.3);
}
/* =============================================================================
   Widget Area: Inner Widget Styling
   ============================================================================= */

/* Default Style: Reset if needed */
.widget-area-wrapper.inner-style-default .widget-title {
border-left: 5px solid var(--inner-accent-color, #2271b1);
padding-left: 15px;
}

/* Theme sidebar title style family */
.widget-area-wrapper[class*="inner-style-sidebar-"] .widget-title {
font-weight: 600;
text-align: left;
position: relative;
margin-top: 0;
margin-bottom: 10px;
padding: 10px 20px;
font-size: 1.1rem;
line-height: 1.45;
}

.widget-area-wrapper[class*="inner-style-sidebar-"] .widget-title a {
color: inherit;
}

.widget-area-wrapper.inner-style-sidebar-title .widget-title {
background-color: var(--inner-accent-color, #6E0304);
color: #fff;
}

.widget-area-wrapper.inner-style-sidebar-soft .widget-title {
background-color: #fff4f4;
background-color: color-mix(in srgb, var(--inner-accent-color, #6E0304) 10%, #ffffff);
color: var(--inner-accent-color, #6E0304);
border-left: 4px solid var(--inner-accent-color, #6E0304);
border-radius: 10px;
}

.widget-area-wrapper.inner-style-sidebar-outline .widget-title {
background-color: transparent;
color: var(--inner-accent-color, #6E0304);
border: 1px solid var(--inner-accent-color, #6E0304);
border-left-width: 5px;
border-radius: 10px;
}

.widget-area-wrapper.inner-style-sidebar-pill .widget-title {
background-color: var(--inner-accent-color, #6E0304);
color: #ffffff;
border-radius: 999px;
padding-inline: 22px;
}

.widget-area-wrapper.inner-style-sidebar-line .widget-title {
background-color: transparent;
color: var(--inner-accent-color, #6E0304);
border-left: 5px solid var(--inner-accent-color, #6E0304);
border-bottom: 1px solid rgba(34, 113, 177, 0.18);
padding-left: 14px;
}

.widget-area-wrapper.inner-style-sidebar-stripe .widget-title {
background: linear-gradient(90deg, var(--inner-accent-color, #6E0304) 0 6px, #fff4f4 6px 100%);
color: var(--inner-accent-color, #6E0304);
border: 1px solid rgba(34, 113, 177, 0.14);
border-radius: 10px;
padding-left: 18px;
}

.widget-area-wrapper.inner-style-sidebar-card .widget-title {
background-color: #ffffff;
color: var(--inner-accent-color, #6E0304);
border: 1px solid rgba(34, 113, 177, 0.14);
border-top: 4px solid var(--inner-accent-color, #6E0304);
border-radius: 14px;
box-shadow: 0 10px 24px rgba(35, 20, 20, 0.08);
}

.widget-area-wrapper.inner-style-sidebar-minimal .widget-title {
background-color: transparent;
color: #222222;
border: 0;
border-bottom: 2px solid var(--inner-accent-color, #6E0304);
padding-inline: 0;
}

.widget-area-wrapper.inner-style-sidebar-badge .widget-title {
background: #111827;
color: #ffffff;
border: 1px solid rgba(17, 24, 39, 0.14);
border-radius: 10px;
}

.widget-area-wrapper.inner-style-sidebar-dot .widget-title {
background: transparent;
color: var(--inner-accent-color, #6E0304);
border: 0;
padding-left: 36px;
}

.widget-area-wrapper.inner-style-sidebar-dot .widget-title::before {
content: '';
position: absolute;
left: 20px;
top: 50%;
width: 9px;
height: 9px;
border-radius: 999px;
background: var(--inner-accent-color, #6E0304);
box-shadow: 0 0 0 4px rgba(34, 113, 177, 0.12);
transform: translateY(-50%);
}

.widget-area-wrapper.inner-style-sidebar-soft-block .widget-title {
background-color: #fff4f4;
background-color: color-mix(in srgb, var(--inner-accent-color, #6E0304) 10%, #ffffff);
color: #222222;
border: 0;
border-left: 4px solid var(--inner-accent-color, #6E0304);
border-radius: 8px;
}

.widget-area-wrapper.inner-style-sidebar-double-line .widget-title {
background: transparent;
color: var(--inner-accent-color, #6E0304);
border: 0;
border-top: 1px solid rgba(34, 113, 177, 0.24);
border-bottom: 1px solid rgba(34, 113, 177, 0.24);
}

.widget-area-wrapper.inner-style-sidebar-tab .widget-title {
background: #111827;
color: #ffffff;
border: 0;
border-radius: 10px 10px 0 0;
}

body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-soft .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-soft .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-soft .widget-title,
body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-soft-block .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-soft-block .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-soft-block .widget-title,
body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-badge .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-badge .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-badge .widget-title,
body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-tab .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-tab .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-tab .widget-title {
background-color: rgba(255, 255, 255, 0.08);
color: #f5f5f5;
border-color: rgba(255, 255, 255, 0.14);
}

body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-outline .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-outline .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-outline .widget-title,
body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-line .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-line .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-line .widget-title,
body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-minimal .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-minimal .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-minimal .widget-title,
body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-dot .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-dot .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-dot .widget-title,
body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-double-line .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-double-line .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-double-line .widget-title {
background-color: transparent;
color: #f5f5f5;
}

body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-dot .widget-title::before,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-dot .widget-title::before,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-dot .widget-title::before {
box-shadow: 0 0 0 4px rgba(94, 179, 228, 0.18);
}

body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-line .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-line .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-line .widget-title,
body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-outline .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-outline .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-outline .widget-title,
body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-soft .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-soft .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-soft .widget-title,
body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-soft-block .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-soft-block .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-soft-block .widget-title {
border-left-color: var(--inner-accent-color, #5eb3e4);
}

body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-line .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-line .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-line .widget-title,
body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-double-line .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-double-line .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-double-line .widget-title {
border-bottom-color: rgba(255, 255, 255, 0.14);
}

body.fc-dark-mode .widget-area-wrapper.inner-style-sidebar-double-line .widget-title,
body.hd-dark-mode .widget-area-wrapper.inner-style-sidebar-double-line .widget-title,
body.dark-mode .widget-area-wrapper.inner-style-sidebar-double-line .widget-title {
border-top-color: rgba(255, 255, 255, 0.14);
}

.widget-area-wrapper.inner-style-sidebar-title .widget-title a {
color: inherit;
}

/* Centered Style */
.widget-area-wrapper.inner-style-centered .widget-title {
text-align: center;
position: relative;
padding-bottom: 15px;
margin-bottom: 20px;
}
.widget-area-wrapper.inner-style-centered .widget-title::after {
content: '';
display: block;
width: 50px;
height: 3px;
background-color: var(--inner-accent-color, #2271b1);
margin: 10px auto 0;
}

/* Left Border Style */
.widget-area-wrapper.inner-style-left-border .widget-title {
border-left: 5px solid var(--inner-accent-color, #2271b1);
padding-left: 15px;
margin-bottom: 20px;
}

/* Bottom Border Style */
.widget-area-wrapper.inner-style-bottom-border .widget-title {
border-bottom: 2px solid #eee;
padding-bottom: 10px;
margin-bottom: 20px;
position: relative;
}
.widget-area-wrapper.inner-style-bottom-border .widget-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 60px;
height: 2px;
background-color: var(--inner-accent-color, #2271b1);
}