.elementor-1561 .elementor-element.elementor-element-wrpfroot{--display:flex;--padding-top:54px;--padding-bottom:26px;--padding-left:20px;--padding-right:20px;}.elementor-1561 .elementor-element.elementor-element-wrpfroot:not(.elementor-motion-effects-element-type-background), .elementor-1561 .elementor-element.elementor-element-wrpfroot > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-1561 .elementor-element.elementor-element-wrpf0003{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1561 .elementor-element.elementor-element-wrpf0001 img{width:190px;}.elementor-1561 .elementor-element.elementor-element-wrpf0002{--grid-template-columns:repeat(0, auto);text-align:right;--icon-size:15px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1561 .elementor-element.elementor-element-wrpf0002 .elementor-social-icon{background-color:rgba(255,255,255,0);--icon-padding:11px;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(132,166,214,0.18);}.elementor-1561 .elementor-element.elementor-element-wrpf0002 .elementor-social-icon i{color:#EAF0F8;}.elementor-1561 .elementor-element.elementor-element-wrpf0002 .elementor-social-icon svg{fill:#EAF0F8;}.elementor-1561 .elementor-element.elementor-element-wrpf0002 .elementor-social-icon:hover{background-color:#5FDD8F;}.elementor-1561 .elementor-element.elementor-element-wrpf0002 .elementor-social-icon:hover i{color:#06140C;}.elementor-1561 .elementor-element.elementor-element-wrpf0002 .elementor-social-icon:hover svg{fill:#06140C;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1561 .elementor-element.elementor-element-wrpf0004 .elementor-icon-list-icon i{color:var( --e-global-color-wrpgreen );transition:color 0.3s;}.elementor-1561 .elementor-element.elementor-element-wrpf0004 .elementor-icon-list-icon svg{fill:var( --e-global-color-wrpgreen );transition:fill 0.3s;}.elementor-1561 .elementor-element.elementor-element-wrpf0004{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-1561 .elementor-element.elementor-element-wrpf0004 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1561 .elementor-element.elementor-element-wrpf0004 .elementor-icon-list-item > a{font-size:15px;}.elementor-1561 .elementor-element.elementor-element-wrpf0004 .elementor-icon-list-text{color:var( --e-global-color-285cf91 );transition:color 0.3s;}.elementor-1561 .elementor-element.elementor-element-wrpf0004 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-wrpgreen );}.elementor-1561 .elementor-element.elementor-element-wrpf0012{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:rgba(132,166,214,0.18);--border-color:rgba(132,166,214,0.18);--border-radius:22px 22px 22px 22px;--margin-top:30px;--margin-bottom:34px;--margin-left:0px;--margin-right:0px;--padding-top:34px;--padding-bottom:34px;--padding-left:34px;--padding-right:34px;}.elementor-1561 .elementor-element.elementor-element-wrpf0012:not(.elementor-motion-effects-element-type-background), .elementor-1561 .elementor-element.elementor-element-wrpf0012 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A2248;}.elementor-1561 .elementor-element.elementor-element-wrpf0010{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1561 .elementor-element.elementor-element-wrpf0005 .elementor-heading-title{font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1.9px;color:var( --e-global-color-wrpgreen );}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-1561 .elementor-element.elementor-element-wrpf0006{--iteration-count:infinite;--dynamic-text-color:var( --e-global-color-wrpgreen );}.elementor-1561 .elementor-element.elementor-element-wrpf0006 .elementor-headline{text-align:start;font-family:"Poppins", Sans-serif;font-size:3rem;font-weight:800;}.elementor-1561 .elementor-element.elementor-element-wrpf0006 .elementor-headline-plain-text{color:var( --e-global-color-285cf91 );}.elementor-1561 .elementor-element.elementor-element-wrpf0006 .elementor-headline-dynamic-text{font-family:"Poppins", Sans-serif;font-weight:800;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1561 .elementor-element.elementor-element-wrpf0007{font-size:15px;line-height:1.65em;color:var( --e-global-color-wrpdim );}.elementor-1561 .elementor-element.elementor-element-wrpf0011{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1561 .elementor-element.elementor-element-wrpf0008 .elementor-button{background-color:var( --e-global-color-wrpgreen );font-size:15px;font-weight:700;fill:#06140C;color:#06140C;border-radius:999px 999px 999px 999px;padding:16px 32px 16px 32px;}.elementor-1561 .elementor-element.elementor-element-wrpf0008 .elementor-button:hover, .elementor-1561 .elementor-element.elementor-element-wrpf0008 .elementor-button:focus{background-color:#34D399;}.elementor-1561 .elementor-element.elementor-element-wrpf0008 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1561 .elementor-element.elementor-element-wrpf0009{font-size:14px;color:var( --e-global-color-wrpdim );}.elementor-1561 .elementor-element.elementor-element-wrpf0015{--display:flex;--margin-top:0px;--margin-bottom:26px;--margin-left:0px;--margin-right:0px;}.elementor-1561 .elementor-element.elementor-element-wrpf0013 .elementor-heading-title{font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1.9px;color:#93A3BC;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1561 .elementor-element.elementor-element-wrpf0014 .elementor-nav-menu .elementor-item{font-size:13px;font-weight:400;}.elementor-1561 .elementor-element.elementor-element-wrpf0014 .elementor-nav-menu--main .elementor-item{color:#93A3BC;fill:#93A3BC;padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px;}.elementor-1561 .elementor-element.elementor-element-wrpf0014 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1561 .elementor-element.elementor-element-wrpf0014 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1561 .elementor-element.elementor-element-wrpf0014 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1561 .elementor-element.elementor-element-wrpf0014 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-wrpgreen );fill:var( --e-global-color-wrpgreen );}.elementor-1561 .elementor-element.elementor-element-wrpf0025{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1561 .elementor-element.elementor-element-wrpf0018{--display:flex;}.elementor-1561 .elementor-element.elementor-element-wrpf0016 .elementor-heading-title{font-size:17px;font-weight:700;color:var( --e-global-color-285cf91 );}.elementor-1561 .elementor-element.elementor-element-wrpf0017 .elementor-nav-menu .elementor-item{font-size:15px;font-weight:400;}.elementor-1561 .elementor-element.elementor-element-wrpf0017 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-wrpdim );fill:var( --e-global-color-wrpdim );padding-left:0px;padding-right:0px;padding-top:6px;padding-bottom:6px;}.elementor-1561 .elementor-element.elementor-element-wrpf0017 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1561 .elementor-element.elementor-element-wrpf0017 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1561 .elementor-element.elementor-element-wrpf0017 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1561 .elementor-element.elementor-element-wrpf0017 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-285cf91 );fill:var( --e-global-color-285cf91 );}.elementor-1561 .elementor-element.elementor-element-wrpf0021{--display:flex;}.elementor-1561 .elementor-element.elementor-element-wrpf0019 .elementor-heading-title{font-size:17px;font-weight:700;color:var( --e-global-color-285cf91 );}.elementor-1561 .elementor-element.elementor-element-wrpf0020 .elementor-nav-menu .elementor-item{font-size:15px;font-weight:400;}.elementor-1561 .elementor-element.elementor-element-wrpf0020 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-wrpdim );fill:var( --e-global-color-wrpdim );padding-left:0px;padding-right:0px;padding-top:6px;padding-bottom:6px;}.elementor-1561 .elementor-element.elementor-element-wrpf0020 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1561 .elementor-element.elementor-element-wrpf0020 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1561 .elementor-element.elementor-element-wrpf0020 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1561 .elementor-element.elementor-element-wrpf0020 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-285cf91 );fill:var( --e-global-color-285cf91 );}.elementor-1561 .elementor-element.elementor-element-wrpf0024{--display:flex;}.elementor-1561 .elementor-element.elementor-element-wrpf0022 .elementor-heading-title{font-size:17px;font-weight:700;color:var( --e-global-color-285cf91 );}.elementor-1561 .elementor-element.elementor-element-wrpf0023 .elementor-nav-menu .elementor-item{font-size:15px;font-weight:400;}.elementor-1561 .elementor-element.elementor-element-wrpf0023 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-wrpdim );fill:var( --e-global-color-wrpdim );padding-left:0px;padding-right:0px;padding-top:6px;padding-bottom:6px;}.elementor-1561 .elementor-element.elementor-element-wrpf0023 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1561 .elementor-element.elementor-element-wrpf0023 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1561 .elementor-element.elementor-element-wrpf0023 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1561 .elementor-element.elementor-element-wrpf0023 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-285cf91 );fill:var( --e-global-color-285cf91 );}.elementor-1561 .elementor-element.elementor-element-wrpf0028{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1561 .elementor-element.elementor-element-wrpf0026{font-size:14px;color:var( --e-global-color-wrpdim );}.elementor-1561 .elementor-element.elementor-element-wrpf0027 .elementor-nav-menu .elementor-item{font-size:14px;font-weight:400;}.elementor-1561 .elementor-element.elementor-element-wrpf0027 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-wrpdim );fill:var( --e-global-color-wrpdim );padding-left:12px;padding-right:12px;padding-top:0px;padding-bottom:0px;}.elementor-1561 .elementor-element.elementor-element-wrpf0027 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1561 .elementor-element.elementor-element-wrpf0027 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1561 .elementor-element.elementor-element-wrpf0027 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1561 .elementor-element.elementor-element-wrpf0027 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-wrpgreen );fill:var( --e-global-color-wrpgreen );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-1561 .elementor-element.elementor-element-wrpf0003{--justify-content:center;}.elementor-1561 .elementor-element.elementor-element-wrpf0012{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1561 .elementor-element.elementor-element-wrpf0006 .elementor-headline{text-align:center;font-size:2.5rem;}.elementor-1561 .elementor-element.elementor-element-wrpf0011{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1561 .elementor-element.elementor-element-wrpf0028{--justify-content:center;}.elementor-1561 .elementor-element.elementor-element-wrpf0026{text-align:center;}.elementor-1561 .elementor-element.elementor-element-wrpf0027 .elementor-nav-menu .elementor-item{font-size:12px;}.elementor-1561 .elementor-element.elementor-element-wrpf0027 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;}}@media(min-width:768px){.elementor-1561 .elementor-element.elementor-element-wrpfroot{--content-width:1240px;}.elementor-1561 .elementor-element.elementor-element-wrpf0010{--width:68%;}.elementor-1561 .elementor-element.elementor-element-wrpf0011{--width:30%;}}/* Start custom CSS *//*
 * Blog footer — the small amount of CSS that Elementor's Style tabs cannot
 * express. Colours, typography, spacing, borders and layout all live in the
 * Elementor widget/container settings (Footer template #1561) and in Site
 * Settings > Global Colors, so edit those first; only touch this file for the
 * bits below.
 *
 * Everything is scoped under .bgf-footer and keyed off Elementor's global
 * colour variables, so changing a global updates this too.
 */

.bgf-footer {
  --bgf-green:   var(--e-global-color-wrpgreen, #5fdd8f);
  --bgf-green-2: var(--e-global-color-wrpgrn2,  #34d399);
  --bgf-line:    rgba(132, 166, 214, 0.18);
  --bgf-line-soft: rgba(255, 255, 255, 0.07);

  /* Subtle dot texture, matching the main site footer. */
  background-image: radial-gradient(rgba(150, 180, 225, 0.06) 1px, transparent 1.5px);
  background-size: 22px 22px;
  border-top: 1px solid var(--bgf-line);
}

/* Elementor's nav-menu ships a burger + mobile dropdown; a footer never wants them. */


/* ---- Green bullet before the column headings and the CTA kicker ---------- */
.bgf-footer .bgf-h .elementor-heading-title,
.bgf-footer .bgf-cta-kicker .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bgf-footer .bgf-h .elementor-heading-title::before,
.bgf-footer .bgf-cta-kicker .elementor-heading-title::before {
  content: "";
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--bgf-green);
  box-shadow: 0 0 10px rgba(95, 221, 143, 0.7);
}

/* ---- Genre links rendered as pills --------------------------------------- */
.bgf-footer .bgf-pills .elementor-nav-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.bgf-footer .bgf-pills .elementor-nav-menu li { width: auto; }
.bgf-footer .bgf-pills .elementor-nav-menu a.elementor-item {
  border: 1px solid var(--bgf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.bgf-footer .bgf-pills .elementor-nav-menu a.elementor-item:hover,
.bgf-footer .bgf-pills .elementor-nav-menu a.elementor-item:focus {
  color: #06140c !important;               /* overrides the widget's hover colour */
  background: linear-gradient(100deg, var(--bgf-green), var(--bgf-green-2));
  border-color: transparent;
  transform: translateY(-2px);
}

/* ---- Link hover nudge in the three columns ------------------------------- */
.bgf-footer .bgf-list .elementor-nav-menu a.elementor-item {
  justify-content: flex-start;
  transition: color .2s ease, transform .2s ease;
}
.bgf-footer .bgf-list .elementor-nav-menu a.elementor-item:hover { transform: translateX(3px); }

/* ---- "Writing Services" is long: run it in two columns, as on the main site */
.bgf-footer .bgf-col-services .elementor-nav-menu { columns: 2; column-gap: 36px; }
.bgf-footer .bgf-col-services .elementor-nav-menu li { break-inside: avoid; }

/* ---- Column widths: Ghostwriting | Editing | Writing Services (double) ---- */
.bgf-footer .bgf-cols { border-top: 1px solid var(--bgf-line-soft); }
.bgf-footer .bgf-cols > .bgf-col            { flex: 1 1 0; min-width: 0; }
.bgf-footer .bgf-cols > .bgf-col-services   { flex: 2 1 0; }

/* ---- Legal links + separators in the bottom bar -------------------------- */
.bgf-footer .bgf-bottom { border-top: 1px solid var(--bgf-line-soft); }
.bgf-footer .bgf-legal .elementor-nav-menu { display: flex; gap: 12px; }
.bgf-footer .bgf-copy p { margin: 0; }
.bgf-footer .bgf-copy a { color: #eaf0f8; }
.bgf-footer .bgf-copy a:hover { color: var(--bgf-green); }
.bgf-footer .bgf-call p { margin: 0; }
.bgf-footer .bgf-call a { color: #eaf0f8; font-weight: 700; }

/* ---- Contact bar sits on one row ---------------------------------------- */
.bgf-footer .bgf-contactbar .elementor-icon-list-items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 34px;
}

/* ------------------------------------------------------------- responsive */
@media (max-width: 1024px) {
  .bgf-footer .bgf-cols { flex-wrap: wrap; }
  .bgf-footer .bgf-cols > .bgf-col-services { flex: 1 1 100%; }
}
@media (max-width: 767px) {
  .bgf-footer .bgf-cols > .bgf-col { flex: 1 1 100%; }
  .bgf-footer .bgf-col-services .elementor-nav-menu { columns: 1; }
}

/* === GENRE PILL CAROUSEL (start) === */
/* Auto-scrolling, infinitely looping one-row carousel for the genre pills.
   The pills themselves are unchanged — this only controls the track + arrows.
   No scroll-snap and no CSS scroll-behavior here on purpose: both fight the
   continuous rAF animation. Without JS the row still scrolls natively. */
.bgf-footer .bgf-pills .bgf-car { position: relative; padding: 0 42px; }
.bgf-footer .bgf-pills .bgf-car.is-static { padding: 0; }

.bgf-footer .bgf-pills .elementor-nav-menu {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px;
  overflow-x: auto;
  scroll-behavior: auto;
  padding: 4px 2px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
}
.bgf-footer .bgf-pills .elementor-nav-menu::-webkit-scrollbar { display: none; }
.bgf-footer .bgf-pills .elementor-nav-menu.is-dragging { cursor: grabbing; }
.bgf-footer .bgf-pills .elementor-nav-menu > li {
  flex: 0 0 auto;
  width: auto;
}
.bgf-footer .bgf-pills .elementor-nav-menu a.elementor-item { white-space: nowrap; }

/* Soft fade at both edges so pills slide in and out rather than being cut off. */
.bgf-footer .bgf-pills .bgf-car:not(.is-static) .elementor-nav-menu {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 26px, #000 calc(100% - 26px), transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 26px, #000 calc(100% - 26px), transparent 100%);
}

.bgf-footer .bgf-pills .bgf-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 34px; height: 34px;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid var(--bgf-line);
  background: rgba(10, 34, 72, 0.92);
  color: #eaf0f8;
  cursor: pointer;
  z-index: 2;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.bgf-footer .bgf-pills .bgf-arrow svg {
  width: 16px; height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.bgf-footer .bgf-pills .bgf-arrow--prev { left: 0; }
.bgf-footer .bgf-pills .bgf-arrow--next { right: 0; }
.bgf-footer .bgf-pills .bgf-arrow:hover {
  color: #06140c;
  background: linear-gradient(100deg, var(--bgf-green), var(--bgf-green-2));
  border-color: transparent;
}
.bgf-footer .bgf-pills .bgf-car.is-static .bgf-arrow { display: none; }

@media (max-width: 767px) {
  /* Arrows stay visible on mobile (swipe still works too), just smaller. */
  .bgf-footer .bgf-pills .bgf-car { padding: 0 32px; }
  .bgf-footer .bgf-pills .bgf-arrow { width: 28px; height: 28px; }
  .bgf-footer .bgf-pills .bgf-arrow svg { width: 14px; height: 14px; }
}
/* === GENRE PILL CAROUSEL (end) === *//* End custom CSS */