/* ==========================================================
   SoulShive 2026 unified theme
   Applied to homepage, server lists, boost, profile and admin.
   ========================================================== */
:root{
 --bg:#05070d;--bg2:#070a12;--surface:#0a101b;--surface2:#0d1422;--surface3:#111a2b;
 --line:#1c2940;--line2:#6f35d8;--text:#f4f6ff;--text2:#c4cbda;--text3:#7d889e;
 --acc:#8f35ff;--acc2:#c048ff;--green:#20d57a;--red:#ef6b75;--gold:#f7b93d;
 --grad:linear-gradient(135deg,#6f28ff,#a438ff 58%,#7026ff);
}
*{box-sizing:border-box}
html{background:#05070d;scroll-behavior:smooth}
body.ss26-page{margin:0;background:radial-gradient(circle at 50% -8%,rgba(100,31,194,.14),transparent 27%),#05070d;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}
body.ss26-page a{text-decoration:none}
body.ss26-page .wrap{width:min(1240px,calc(100% - 34px));max-width:1240px;margin-left:auto;margin-right:auto}

/* HEADER */
.ss26-site-header{position:sticky;top:0;z-index:1000;background:rgba(5,7,13,.97);border-bottom:1px solid rgba(127,69,235,.34);box-shadow:0 12px 34px rgba(0,0,0,.28)}
.ss26-header-inner{height:64px;display:flex;align-items:center;gap:17px}
.ss26-brand{flex:0 0 64px;display:flex;align-items:center;height:50px}
.ss26-brand img{display:block;width:54px;max-height:45px;object-fit:contain;object-position:left center}
.ss26-mainnav{display:flex;align-self:stretch;align-items:stretch;min-width:0;flex:0 1 auto}
.ss26-mainnav a{display:flex;align-items:center;padding:0 11px;color:#b8c1d2;font-size:10px;font-weight:800;letter-spacing:.035em;white-space:nowrap;border-bottom:2px solid transparent}
.ss26-mainnav a:hover,.ss26-mainnav a.on{color:#fff;border-bottom-color:#9e3dff;background:linear-gradient(180deg,transparent,rgba(142,53,255,.075))}
.ss26-account-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.ss26-icon-link{color:#fff;font-size:14px}
.ss26-user{display:flex;align-items:center;gap:6px;color:#fff;font-size:9px;font-weight:800}
.ss26-user img,.ss26-user span{width:26px;height:26px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--grad);color:#fff}
.ss26-mini-btn,.ss26-add-btn{height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:0 11px;font-size:9px;font-weight:900;color:#fff;border:1px solid #3c2a5f}
.ss26-mini-btn{background:#0a0d15}.ss26-mini-btn.ghost{color:#c7cede}
.ss26-add-btn{border-color:#a24cff;background:var(--grad);box-shadow:0 8px 24px rgba(137,49,255,.23)}
.ss26-burger{display:none}

/* SAME CS HEADER ART ON EVERY PAGE */
.ss26-page-masthead{position:relative;overflow:hidden;height:188px;border-bottom:1px solid #242e4a;background:#070a12}
.ss26-page-masthead:before{content:"";position:absolute;inset:0;background:
 radial-gradient(circle at 68% 45%,rgba(121,36,224,.48),transparent 28%),
 linear-gradient(90deg,#080b14 0%,#0b0d18 42%,rgba(13,8,29,.65) 72%,#090b15 100%)}
.ss26-page-masthead-art{position:absolute;right:0;top:0;width:min(620px,52vw);height:100%;background:url('/assets/soulshive-hero-2026.webp') center 39%/cover no-repeat;opacity:.82;filter:saturate(1.12) contrast(1.06)}
.ss26-page-masthead:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,13,.98) 0%,rgba(5,7,13,.90) 39%,rgba(5,7,13,.30) 64%,rgba(5,7,13,.38) 100%)}
.ss26-page-masthead-inner{position:relative;z-index:3;height:100%;display:flex;align-items:center}
.ss26-page-masthead-copy{max-width:620px}
.ss26-page-kicker{font-size:9px;color:#bf5bff;font-weight:900;letter-spacing:.14em;margin-bottom:8px}
.ss26-page-masthead h1{font-size:38px;line-height:1;margin:0 0 10px;font-weight:900;letter-spacing:-.04em;color:#fff;text-transform:uppercase}
.ss26-page-masthead p{margin:0;color:#bbc4d6;font-size:12px;max-width:550px}

/* CONTENT / COMMON COMPONENTS */
.ss26-content-wrap{padding-top:18px;padding-bottom:20px;min-height:360px}
body.ss26-page .card,body.ss26-page .panel,body.ss26-page .box,body.ss26-page fieldset{
 background:linear-gradient(180deg,rgba(13,20,34,.98),rgba(8,12,21,.98))!important;
 border:1px solid #1d2a42!important;border-radius:12px!important;box-shadow:0 12px 28px rgba(0,0,0,.16)
}
body.ss26-page .card{padding:16px}
body.ss26-page h1,body.ss26-page h2,body.ss26-page h3,body.ss26-page h4{color:#f7f9ff;letter-spacing:-.02em}
body.ss26-page h1.page{font-size:28px;margin-top:8px}
body.ss26-page .muted{color:var(--text3)!important}
body.ss26-page .small{font-size:11px}
body.ss26-page .badge{border-radius:999px}
body.ss26-page .btn{border:0;border-radius:8px;background:var(--grad);color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(120,43,241,.17);transition:.16s ease}
body.ss26-page .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
body.ss26-page .btn.ghost{background:#0a0f19;border:1px solid #293953;color:#d9e0ec}
body.ss26-page .btn.gold{background:linear-gradient(135deg,#8a35ff,#6d28ff);border:1px solid #a158ff;color:#fff}
body.ss26-page input,body.ss26-page select,body.ss26-page textarea{background:#070b13!important;color:#eef2ff!important;border:1px solid #273651!important;border-radius:8px!important}
body.ss26-page input:focus,body.ss26-page select:focus,body.ss26-page textarea:focus{border-color:#813dff!important;box-shadow:0 0 0 3px rgba(129,61,255,.12)!important}
body.ss26-page table{width:100%;border-collapse:separate;border-spacing:0}
body.ss26-page table th{background:#0a0f19!important;color:#8793a9!important;font-size:10px!important;letter-spacing:.05em;border-bottom:1px solid #1b2940}
body.ss26-page table td{color:#dfe5f0;border-bottom:1px solid rgba(28,41,64,.78)}
body.ss26-page table tr:hover td{background:rgba(120,46,226,.055)}
body.ss26-page hr{border:0;border-top:1px solid #1b2940}
body.ss26-page .notice{background:#101424!important;border:1px solid #38305e!important}
body.ss26-page .chip{background:#0b111d;border:1px solid #273752}
body.ss26-page .chip.on{background:rgba(139,53,255,.14);border-color:#7c3ae5;color:#d795ff}
body.ss26-page .server-card,body.ss26-page .server-row,body.ss26-page .listing-card,body.ss26-page .package-card{background:#0a101b!important;border:1px solid #1e2d46!important;border-radius:11px!important}

/* Turn legacy page hero sections into the same visual language, without a second image source. */
body.ss26-page:not(.ss26-home-page) .msrv-hero,
body.ss26-page:not(.ss26-home-page) .bhero,
body.ss26-page:not(.ss26-home-page) .community-hero,
body.ss26-page:not(.ss26-home-page) .pn-hero,
body.ss26-page:not(.ss26-home-page) .about-hero,
body.ss26-page:not(.ss26-home-page) .sa-hero,
body.ss26-page:not(.ss26-home-page) .member-hero,
body.ss26-page:not(.ss26-home-page) .ss-hero,
body.ss26-page:not(.ss26-home-page) .sip-hero{
 background:linear-gradient(135deg,#0c1220,#0a0e18)!important;border-color:#263650!important;box-shadow:none!important
}
body.ss26-page:not(.ss26-home-page) .bhero-img,
body.ss26-page:not(.ss26-home-page) .community-hero-bg{display:none!important}
body.ss26-page:not(.ss26-home-page) .msrv-hero>div[style*="background:url"]{display:none!important}

/* PROFILE */
body.ss26-page-profile .card{text-align:left}
body.ss26-page-profile .card[style*="text-align:center"]{background:linear-gradient(135deg,#11162a,#0b101b)!important;border-color:#533591!important}

/* ADMIN */
body.ss26-page-admin .ss26-page-masthead{height:150px}
body.ss26-page-admin .ss26-content-wrap{width:min(1450px,calc(100% - 26px));max-width:1450px}
body.ss26-page-admin .card{border-color:#23334e!important}
body.ss26-page-admin table{font-size:12px}
body.ss26-page-admin table td,body.ss26-page-admin table th{padding:9px 10px}
body.ss26-page-admin .btn{font-size:10px}

/* FOOTER */
.ss26-global-footer{margin-top:26px;border-top:1px solid #1a263b;background:#060910;padding:18px 0 12px}
.ss26-footer-partners{padding-bottom:16px;border-bottom:1px solid #152137}
.ss26-footer-kicker{font-size:9px;color:#808aa0;font-weight:900;letter-spacing:.10em;margin-bottom:9px}
.ss26-footer-partner-row{display:flex;gap:8px;flex-wrap:wrap}
.ss26-footer-partner-row a{display:flex;align-items:center;gap:7px;padding:7px 10px;background:#0a101b;border:1px solid #1b2940;border-radius:8px;color:#dbe1ec;font-size:9px}
.ss26-footer-partner-row img{width:25px;height:25px;object-fit:contain;border-radius:5px}
.ss26-footer-grid{display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:26px;padding:22px 0}
.ss26-footer-brand img{width:190px;max-height:65px;object-fit:contain;object-position:left center}
.ss26-footer-brand p,.ss26-newsletter p{font-size:10px;color:#7f899c;max-width:280px}
.ss26-footer-grid h4{font-size:9px;margin:0 0 10px;color:#fff}
.ss26-footer-grid>div:not(:first-child)>a{display:block;color:#909aae;font-size:9px;margin:5px 0}
.ss26-footer-actions{display:flex;gap:7px;margin-top:10px}.ss26-footer-actions a{font-size:9px;color:#d4daea;border:1px solid #27364f;padding:6px 9px;border-radius:7px}
.ss26-newsletter form{display:flex}.ss26-newsletter input{min-width:0;flex:1;border-radius:7px 0 0 7px!important;font-size:10px;padding:8px}.ss26-newsletter button{width:34px;border:0;background:var(--grad);color:#fff;border-radius:0 7px 7px 0}
.ss26-footer-bottom{border-top:1px solid #152137;padding-top:10px;display:flex;justify-content:space-between;color:#667187;font-size:8px}.ss26-footer-bottom a{color:#78849a;margin-left:12px}

/* RESPONSIVE */
@media(max-width:1120px){
 .ss26-brand{flex-basis:56px}.ss26-brand img{width:48px}.ss26-mainnav a{padding:0 7px;font-size:9px}
 .ss26-user b,.ss26-icon-link{display:none}
}
@media(max-width:900px){
 body.ss26-page .wrap{width:min(100% - 20px,1240px)}
 .ss26-header-inner{height:58px}.ss26-burger{display:inline-flex;margin-left:auto;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #2c3b57;border-radius:7px;background:#0a0f19;color:#fff}
 .ss26-mainnav{display:none;position:absolute;top:58px;left:10px;right:10px;height:auto;flex-direction:column;background:#070b13;border:1px solid #293854;border-radius:10px;padding:6px;box-shadow:0 20px 40px rgba(0,0,0,.45)}
 .ss26-site-header.open .ss26-mainnav{display:flex}.ss26-mainnav a{height:42px;border-bottom:0;border-left:2px solid transparent}.ss26-mainnav a.on{border-left-color:#9c42ff}
 .ss26-account-actions .ss26-mini-btn,.ss26-account-actions .ss26-user,.ss26-account-actions .ss26-icon-link{display:none}.ss26-add-btn{height:32px;font-size:8px;padding:0 9px}
 .ss26-page-masthead{height:160px}.ss26-page-masthead h1{font-size:30px}.ss26-page-masthead-art{width:58vw;opacity:.72}
 .ss26-footer-grid{grid-template-columns:1fr 1fr}.ss26-footer-brand{grid-column:1/-1}
 body.ss26-page .grid.g3,body.ss26-page .grid.g4,body.ss26-page .grid.g6{grid-template-columns:1fr 1fr!important}
 body.ss26-page .card:has(table){overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:560px){
 .ss26-brand{flex-basis:50px}.ss26-brand img{width:42px}
 .ss26-page-masthead{height:146px}.ss26-page-masthead h1{font-size:25px}.ss26-page-masthead p{font-size:10px;max-width:62%}.ss26-page-masthead-art{width:64vw}
 .ss26-footer-grid{grid-template-columns:1fr}.ss26-footer-brand{grid-column:auto}
 .ss26-footer-bottom{flex-direction:column;gap:8px}
 body.ss26-page .grid.g2,body.ss26-page .grid.g3,body.ss26-page .grid.g4,body.ss26-page .grid.g6{grid-template-columns:1fr!important}
}

/* Header logo safety + compact desktop spacing */
body.ss26-page .ss26-site-header .ss26-header-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
}
body.ss26-page .ss26-site-header .ss26-brand{
  flex:0 0 64px!important;
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:50px!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
body.ss26-page .ss26-site-header .ss26-brand img{
  width:54px!important;
  height:44px!important;
  max-width:54px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  border-radius:0!important;
}
body.ss26-page .ss26-site-header .ss26-mainnav{
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  gap:0!important;
}
body.ss26-page .ss26-site-header .ss26-mainnav a{
  padding-left:10px!important;
  padding-right:10px!important;
}
body.ss26-page .ss26-site-header .ss26-account-actions{
  margin-left:auto!important;
}

@media(max-width:1120px){
  body.ss26-page .ss26-site-header .ss26-brand{
    flex-basis:56px!important;
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
  }
  body.ss26-page .ss26-site-header .ss26-brand img{
    width:48px!important;
    max-width:48px!important;
  }
  body.ss26-page .ss26-site-header .ss26-mainnav a{
    padding-left:7px!important;
    padding-right:7px!important;
    font-size:9px!important;
  }
}
@media(max-width:900px){
  body.ss26-page .ss26-site-header .ss26-brand{
    flex-basis:54px!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
  }
  body.ss26-page .ss26-site-header .ss26-brand img{
    width:46px!important;
    max-width:46px!important;
  }
}
@media(max-width:560px){
  body.ss26-page .ss26-site-header .ss26-brand{
    flex-basis:50px!important;
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
  }
  body.ss26-page .ss26-site-header .ss26-brand img{
    width:42px!important;
    max-width:42px!important;
  }
}


/* Real game logos: CS / CS2 / CoD / SA-MP / FiveM etc. */
.ss-game-logo-wrap{
  width:var(--gsize);height:var(--gsize);
  display:inline-grid;place-items:center;
  vertical-align:middle;overflow:hidden;
  border-radius:9px;background:#080b12;
  border:1px solid rgba(91,112,148,.38);
  flex:0 0 auto;
}
.ss-game-logo-real{
  width:100%;height:100%;display:block;
  object-fit:contain;padding:4px;
  background:linear-gradient(145deg,#f6f7fb,#dfe5ef);
}
.ss-game-logo-fallback{
  width:100%;height:100%;place-items:center;background:#0d1420;
}
.ss-game-logo-fallback-img{
  width:100%;height:100%;object-fit:contain;padding:4px;
}
.ss-game-logo-fallback-text{
  color:#d9e2f4;font-weight:950;font-size:calc(var(--gsize) * .25);
  letter-spacing:.02em;
}
.ss-game-pick-icon{
  width:60px!important;height:60px!important;
  background:#070a10!important;border:1px solid #253650!important;
}
.ss-game-pick-icon .ss-game-logo-wrap{
  width:54px!important;height:54px!important;border:0!important;background:transparent!important;
}
.ss-game-cell{
  width:40px!important;height:40px!important;
}
.ss-game-cell .ss-game-logo-wrap{
  width:34px!important;height:34px!important;border:0!important;
}
.premmedia .ss-game-logo-wrap{
  width:64px!important;height:64px!important;
}
@media(max-width:620px){
  .ss-game-pick-icon{width:52px!important;height:52px!important}
  .ss-game-pick-icon .ss-game-logo-wrap{width:46px!important;height:46px!important}
}


/* ==========================================================
   SOULSHIVE 2026 — NEW WIDE INTERNAL PAGE HEADER
   Same artwork on Master List, Servers, Boost, Profile, Admin,
   Add Server, News, Community, Partners, etc.
   ========================================================== */
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead{
    position:relative !important;
    width:min(1240px,calc(100% - 34px)) !important;
    max-width:1240px !important;
    height:150px !important;
    min-height:150px !important;
    margin:12px auto 0 !important;
    overflow:hidden !important;
    border:1px solid rgba(126,54,236,.58) !important;
    border-radius:12px !important;
    background:
      linear-gradient(90deg,
        rgba(4,6,12,.94) 0%,
        rgba(4,6,12,.82) 28%,
        rgba(4,6,12,.46) 48%,
        rgba(4,6,12,.08) 72%,
        rgba(4,6,12,.02) 100%
      ),
      url('/assets/soulshive-page-header-new.webp') center center / cover no-repeat !important;
    box-shadow:0 12px 30px rgba(0,0,0,.25) !important;
}
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead-art{
    display:none !important;
}
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead::before,
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead::after{
    display:none !important;
    content:none !important;
}
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead-inner{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:none !important;
    height:150px !important;
    min-height:150px !important;
    margin:0 !important;
    padding:0 28px !important;
    display:flex !important;
    align-items:center !important;
}
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead-copy{
    width:54% !important;
    max-width:640px !important;
}
body.ss26-page:not(.ss26-home-page) .ss26-page-kicker{
    margin:0 0 5px !important;
    color:#d45cff !important;
    text-shadow:0 2px 12px #000 !important;
}
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead h1{
    margin:0 0 7px !important;
    font-size:30px !important;
    line-height:1 !important;
    color:#fff !important;
    text-shadow:0 3px 18px #000 !important;
}
body.ss26-page:not(.ss26-home-page) .ss26-page-masthead p{
    margin:0 !important;
    max-width:560px !important;
    font-size:10px !important;
    color:#e0e5f0 !important;
    text-shadow:0 2px 12px #000 !important;
}
@media(max-width:900px){
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead{
        width:calc(100% - 20px) !important;
        height:138px !important;
        min-height:138px !important;
        background-position:60% center !important;
    }
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead-inner{
        height:138px !important;
        min-height:138px !important;
        padding:0 18px !important;
    }
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead-copy{
        width:62% !important;
    }
}
@media(max-width:560px){
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead{
        height:126px !important;
        min-height:126px !important;
        background-position:66% center !important;
    }
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead-inner{
        height:126px !important;
        min-height:126px !important;
        padding:0 14px !important;
    }
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead-copy{
        width:70% !important;
    }
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead h1{
        font-size:21px !important;
    }
    body.ss26-page:not(.ss26-home-page) .ss26-page-masthead p{
        font-size:8.5px !important;
    }
}

.ss26-wa-footer{
  background:linear-gradient(135deg,#25D366,#128C7E)!important;
  border-color:#25D366!important;
  color:#fff!important;
}


/* ==========================================================
   SOULSHIVE — NEWSLETTER MOBILE COMPACT FIX
   Prevents the email input/button from becoming tall square cards.
   ========================================================== */
.ss26-footer-newsletter,
.ss26-footer-newsletter form,
.ss26-newsletter,
.ss26-newsletter form{
    height:auto !important;
    min-height:0 !important;
}

.ss26-footer-newsletter form,
.ss26-newsletter form{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:0 !important;
    width:100% !important;
    max-width:330px !important;
}

.ss26-footer-newsletter input[type="email"],
.ss26-newsletter input[type="email"]{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    padding:0 12px !important;
    margin:0 !important;
    border-radius:8px 0 0 8px !important;
    line-height:40px !important;
}

.ss26-footer-newsletter button,
.ss26-newsletter button{
    flex:0 0 42px !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    padding:0 !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    border-radius:0 8px 8px 0 !important;
    line-height:1 !important;
}

@media (max-width:700px){
    .ss26-footer-newsletter,
    .ss26-newsletter{
        width:100% !important;
        max-width:100% !important;
        display:block !important;
    }

    .ss26-footer-newsletter form,
    .ss26-newsletter form{
        width:100% !important;
        max-width:100% !important;
        height:40px !important;
        min-height:40px !important;
    }

    .ss26-footer-newsletter input[type="email"],
    .ss26-newsletter input[type="email"]{
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
        font-size:13px !important;
    }

    .ss26-footer-newsletter button,
    .ss26-newsletter button{
        width:42px !important;
        min-width:42px !important;
        max-width:42px !important;
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
        font-size:18px !important;
    }
}


/* ==========================================================
   NEWSLETTER FINAL FIX — DESKTOP + MOBILE
   Wrapper is vertical; only the email form is horizontal.
   ========================================================== */
footer .ss26-newsletter{
    display:block !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
}

footer .ss26-newsletter h4{
    display:block !important;
    margin:0 0 10px !important;
}

footer .ss26-newsletter p{
    display:block !important;
    margin:0 0 10px !important;
    max-width:280px !important;
    line-height:1.55 !important;
}

footer .ss26-newsletter form{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:280px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    margin:0 !important;
    gap:0 !important;
}

footer .ss26-newsletter input[type="email"]{
    box-sizing:border-box !important;
    flex:1 1 auto !important;
    width:calc(100% - 38px) !important;
    min-width:0 !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:0 11px !important;
    margin:0 !important;
    line-height:38px !important;
    border-radius:7px 0 0 7px !important;
}

footer .ss26-newsletter button[type="submit"]{
    box-sizing:border-box !important;
    flex:0 0 38px !important;
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:0 7px 7px 0 !important;
    line-height:1 !important;
}

@media(max-width:700px){
    footer .ss26-newsletter{
        width:100% !important;
        max-width:100% !important;
    }

    footer .ss26-newsletter p{
        max-width:100% !important;
    }

    footer .ss26-newsletter form{
        max-width:100% !important;
        width:100% !important;
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
    }

    footer .ss26-newsletter input[type="email"]{
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
        line-height:40px !important;
        font-size:13px !important;
    }

    footer .ss26-newsletter button[type="submit"]{
        flex-basis:42px !important;
        width:42px !important;
        min-width:42px !important;
        max-width:42px !important;
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
    }
}