/* =====================================================
   CENTRALIZED THEME STYLES FOR SNAPJAMZ
   ===================================================== */

/* All theme background images are defined here using absolute paths 
   from the server root. This ensures paths work correctly from any HTML file
   regardless of its location. */

/* ===== DEFAULT THEME ===== */
body.theme-default {
    background-image: url('/webassets/default.jpg');
}
body.theme-default .page-header-scrollable {
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(233, 236, 239, 0.7);
}
body.theme-default .page-header-scrollable .btn-secondary {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}
body.theme-default .page-header-scrollable .logo {
    filter: none;
}
body.theme-default .logo-container {
    background-color: var(--white);
    border-bottom: none;
}

/* ===== WEDDING CLASSIC THEME ===== */
body.theme-wedding_classic {
    background-image: url('/webassets/wedding.jpg');
    background-size: auto 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    color: #4a3b31;
}
body.theme-wedding_classic .photos-container {
    background-color: rgba(255, 255, 255, 0.9);
}
body.theme-wedding_classic .guest-content-container {
    background-color: rgba(255, 255, 255, 0.92);
}
body.theme-wedding_classic h1, 
body.theme-wedding_classic h2, 
body.theme-wedding_classic h4 {
    color: #6a5549;
}
body.theme-wedding_classic .page-header-scrollable {
    background-color: rgba(234, 224, 213, 0);
    border-bottom-color: rgba(211, 197, 183, 0);
}
body.theme-wedding_classic .page-header-scrollable .btn-secondary {
    background-color: #8c786c;
    border-color: #8c786c;
    color: var(--white);
}
body.theme-wedding_classic .page-header-scrollable .logo {
    filter: none;
}
body.theme-wedding_classic .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
}

/* ===== TROPICAL THEME ===== */
body.theme-tropical {
    background-image: url('/webassets/tropical.jpg');
    background-color: #efebe9;
    background-size: auto 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    color: #5d4037;
}
body.theme-tropical .photos-container {
    background-color: rgba(255, 248, 225, 0.9);
}
body.theme-tropical .guest-content-container {
    background-color: rgba(255, 255, 255, 0.92);
}
body.theme-tropical h1 {
    color: #6a5549;
}
body.theme-tropical .page-header-scrollable {
    background-color: rgba(61, 86, 212, 0);
    border-bottom-color: rgba(78, 107, 255, 0);
}
body.theme-tropical .page-header-scrollable .btn-secondary {
    background-color: #a1887f;
    border-color: #a1887f;
}
body.theme-tropical .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
}

/* ===== BAR MITZVAH TRADITIONAL THEME ===== */
body.theme-bar_mitzvah_traditional {
    background-image: url('/webassets/mitzvah.jpg');
    background-color: #efebe9;
    background-size: auto 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    color: #5d4037;
}
body.theme-bar_mitzvah_traditional .photos-container {
    background-color: rgba(255, 248, 225, 0.9);
}
body.theme-bar_mitzvah_traditional .guest-content-container {
    background-color: rgba(255, 255, 255, 0.92);
}
body.theme-bar_mitzvah_traditional h1 {
    color: #6a5549;
}
body.theme-bar_mitzvah_traditional .page-header-scrollable {
    background-color: rgba(61, 86, 212, 0);
    border-bottom-color: rgba(78, 107, 255, 0);
}
body.theme-bar_mitzvah_traditional .page-header-scrollable .btn-secondary {
    background-color: #a1887f;
    border-color: #a1887f;
}
body.theme-bar_mitzvah_traditional .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
}

/* ===== BIRTHDAY FUN THEME ===== */
body.theme-birthday_fun {
    background-image: url('/webassets/birthday.jpg');
    background-color: #fce4ec;
    background-size: auto 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    color: #ad1457;
}
body.theme-birthday_fun .photos-container {
    background-color: rgba(255, 255, 255, 0.95);
}
body.theme-birthday_fun .guest-content-container {
    background-color: rgba(255, 255, 255, 0.95);
}
body.theme-birthday_fun h1, 
body.theme-birthday_fun h2, 
body.theme-birthday_fun h4 {
    color: #d81b60;
}
body.theme-birthday_fun .page-header-scrollable {
    background-color: rgba(248, 187, 208, 0);
    border-bottom-color: rgba(244, 143, 177, 0);
}
body.theme-birthday_fun .page-header-scrollable .btn-secondary {
    background-color: #ec407a;
    border-color: #ec407a;
}
body.theme-birthday_fun .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

/* ===== GAMING THEME ===== */
body.theme-gaming {
    background-image: url('/webassets/gaming.webp');
    background-color: #fce4ec;
    background-size: auto 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    color: #ad1457;
}
body.theme-gaming .photos-container {
    background-color: rgba(255, 255, 255, 0.95);
}
body.theme-gaming .guest-content-container {
    background-color: rgba(255, 255, 255, 0.95);
}
body.theme-gaming h1, 
body.theme-gaming h2, 
body.theme-gaming h4 {
    color: #d81b60;
}
body.theme-gaming .page-header-scrollable {
    background-color: rgba(248, 187, 208, 0);
    border-bottom-color: rgba(244, 143, 177, 0);
}
body.theme-gaming .page-header-scrollable .btn-secondary {
    background-color: #ec407a;
    border-color: #ec407a;
}
body.theme-gaming .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

/* ===== SEASONAL AUTUMN THEME ===== */
body.theme-seasonal_autumn {
    background-image: url('/webassets/autumn.jpg');
    background-color: #efebe9;
    background-size: auto 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    color: #5d4037;
}
body.theme-seasonal_autumn .photos-container {
    background-color: rgba(255, 248, 225, 0.9);
}
body.theme-seasonal_autumn .guest-content-container {
    background-color: rgba(255, 248, 225, 0.92);
}
body.theme-seasonal_autumn h1 {
    color: #795548;
}
body.theme-seasonal_autumn .page-header-scrollable {
    background-color: rgba(248, 187, 208, 0);
    border-bottom-color: rgba(244, 143, 177, 0);
}
body.theme-seasonal_autumn .page-header-scrollable .btn-secondary {
    background-color: #a1887f;
    border-color: #a1887f;
}
body.theme-seasonal_autumn .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

/* ===== CORPORATE MODERN THEME ===== */
body.theme-corporate_modern {
    background-image: url('/webassets/corporate.jpg');
    background-color: #efebe9;
    background-size: auto 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    color: #2c3e50;
}
body.theme-corporate_modern .photos-container {
    background-color: rgba(255, 248, 225, 0.9);
}
body.theme-corporate_modern .guest-content-container {
    background-color: var(--white);
}
body.theme-corporate_modern h1,
body.theme-corporate_modern h1#eventTitle {
    color: var(--primary-dark);
}
body.theme-corporate_modern .page-header-scrollable {
    background-color: rgba(248, 187, 208, 0);
    border-bottom-color: rgba(244, 143, 177, 0);
}
body.theme-corporate_modern .page-header-scrollable .logo {
    filter: none;
}
body.theme-corporate_modern .page-header-scrollable .btn-secondary {
    background-color: var(--primary-light);
    border-color: var(--primary-light);
    color: var(--neutral-dark);
}
body.theme-corporate_modern .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

/* ===== ELEGANT FORMAL THEME ===== */
body.theme-elegant_formal {
    background-image: url('/webassets/elegant.jpg');
    background-color: #2c3e50;
    background-size: auto 100vh;
    background-repeat: no-repeat;
    color: #ecf0f1;
}
body.theme-elegant_formal .photos-container {
    background-color: rgba(207, 201, 132, 0.95);
    box-shadow: 0 10px 30px rgba(207, 201, 132, 0.2);
}
body.theme-elegant_formal .guest-content-container {
    background-color: rgba(207, 201, 132, 0.95);
    box-shadow: 0 10px 30px rgba(207, 201, 132, 0.2);
}
body.theme-elegant_formal h1, 
body.theme-elegant_formal h2,
body.theme-elegant_formal h4,
body.theme-elegant_formal #uploadsRemaining,
body.theme-elegant_formal #message,
body.theme-elegant_formal .shadow-box p,
body.theme-elegant_formal p,
body.theme-elegant_formal .bottom-link-container p,
body.theme-elegant_formal .bottom-link-container a {
    color: #f8f9fa;
}
body.theme-elegant_formal .shadow-box {
    background-color: rgba(255, 255, 255, 0.05);
}
body.theme-elegant_formal .bottom-link-container a:hover {
    color: var(--gray-light) !important;
}
body.theme-elegant_formal #guestUploadForm {
    background-color: rgba(255, 255, 255, 0.1);
}
body.theme-elegant_formal .page-header-scrollable {
    background-color: rgba(248, 187, 208, 0);
    border-bottom-color: rgba(244, 143, 177, 0);
}
body.theme-elegant_formal .page-header-scrollable .logo {
    filter: none;
}
body.theme-elegant_formal .page-header-scrollable .btn-secondary {
    background-color: #4a627a;
    border-color: #4a627a;
    color: var(--white);
}
body.theme-elegant_formal .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
}

/* ===== Disco THEME ===== */
body.theme-disco {
    background-image: url('/webassets/disco.webp');
    background-size: auto 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    color: #2c3e50;
}
body.theme-disco .photos-container {
    background-color: rgba(236, 240, 241, 0.95);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
}
body.theme-disco .guest-content-container {
    background-color: rgba(236, 240, 241, 0.95);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
}
body.theme-disco h1, 
body.theme-disco h2,
body.theme-disco h4,
body.theme-disco #uploadsRemaining,
body.theme-disco #message,
body.theme-disco .shadow-box p,
body.theme-disco p,
body.theme-disco .bottom-link-container p,
body.theme-disco .bottom-link-container a {
    color: #34495e;
}
body.theme-disco .shadow-box {
    background-color: rgba(236, 240, 241, 0.85);
}
body.theme-disco .bottom-link-container a:hover {
    color: #1a252f !important;
}
body.theme-disco #guestUploadForm {
    background-color: rgba(52, 152, 219, 0.05);
}
body.theme-disco .page-header-scrollable {
    background-color: rgba(176, 190, 197, 0.1);
    border-bottom-color: rgba(144, 165, 176, 0.3);
}
body.theme-disco .page-header-scrollable .logo {
    filter: none;
}
body.theme-disco .page-header-scrollable .btn-secondary {
    background-color: #4a90a4;
    border-color: #4a90a4;
    color: var(--white);
}
body.theme-disco .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
}

/* ===== Neon THEME ===== */
body.theme-neon {
    background-image: url('/webassets/neon.webp');
    background-size: auto 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    color: #2c3e50;
}
body.theme-neon .photos-container {
    background-color: rgba(236, 240, 241, 0.95);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
}
body.theme-neon .guest-content-container {
    background-color: rgba(236, 240, 241, 0.95);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
}
body.theme-neon h1, 
body.theme-neon h2,
body.theme-neon h4,
body.theme-neon #uploadsRemaining,
body.theme-neon #message,
body.theme-neon .shadow-box p,
body.theme-neon p,
body.theme-neon .bottom-link-container p,
body.theme-neon .bottom-link-container a {
    color: #34495e;
}
body.theme-neon .shadow-box {
    background-color: rgba(236, 240, 241, 0.85);
}
body.theme-neon .bottom-link-container a:hover {
    color: #1a252f !important;
}
body.theme-neon #guestUploadForm {
    background-color: rgba(52, 152, 219, 0.05);
}
body.theme-neon .page-header-scrollable {
    background-color: rgba(176, 190, 197, 0.1);
    border-bottom-color: rgba(144, 165, 176, 0.3);
}
body.theme-neon .page-header-scrollable .logo {
    filter: none;
}
body.theme-neon .page-header-scrollable .btn-secondary {
    background-color: #4a90a4;
    border-color: #4a90a4;
    color: var(--white);
}
body.theme-neon .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
}


/* ===== Baby Shower THEME ===== */
body.theme-baby_shower {
    background-image: url('/webassets/baby_shower.webp');
    background-size: auto 100vh;
    background-position: center top;
    background-attachment: fixed;
    color: #2c3e50;
}
body.theme-baby_shower .photos-container {
    background-color: rgba(236, 240, 241, 0.95);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
}
body.theme-baby_shower .guest-content-container {
    background-color: rgba(236, 240, 241, 0.95);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
}
body.theme-baby_shower h1, 
body.theme-baby_shower h2,
body.theme-baby_shower h4,
body.theme-baby_shower #uploadsRemaining,
body.theme-baby_shower #message,
body.theme-baby_shower .shadow-box p,
body.theme-baby_shower p,
body.theme-baby_shower .bottom-link-container p,
body.theme-baby_shower .bottom-link-container a {
    color: #34495e;
}
body.theme-baby_shower .shadow-box {
    background-color: rgba(236, 240, 241, 0.85);
}
body.theme-baby_shower .bottom-link-container a:hover {
    color: #1a252f !important;
}
body.theme-baby_shower #guestUploadForm {
    background-color: rgba(52, 152, 219, 0.05);
}
body.theme-baby_shower .page-header-scrollable {
    background-color: rgba(176, 190, 197, 0.1);
    border-bottom-color: rgba(144, 165, 176, 0.3);
}
body.theme-baby_shower .page-header-scrollable .logo {
    filter: none;
}
body.theme-baby_shower .page-header-scrollable .btn-secondary {
    background-color: #4a90a4;
    border-color: #4a90a4;
    color: var(--white);
}
body.theme-baby_shower .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
}

/* ===== Spring THEME ===== */
body.theme-spring {
    background-image: url('/webassets/spring.webp');
    background-size: auto 100vh;
    background-position: center top;
    background-attachment: fixed;
    color: #2c3e50;
}
body.theme-spring .photos-container {
    background-color: rgba(236, 240, 241, 0.95);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
}
body.theme-spring .guest-content-container {
    background-color: rgba(236, 240, 241, 0.95);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
}
body.theme-spring h1, 
body.theme-spring h2,
body.theme-spring h4,
body.theme-spring #uploadsRemaining,
body.theme-spring #message,
body.theme-spring .shadow-box p,
body.theme-spring p,
body.theme-spring .bottom-link-container p,
body.theme-spring .bottom-link-container a {
    color: #34495e;
}
body.theme-spring .shadow-box {
    background-color: rgba(236, 240, 241, 0.85);
}
body.theme-spring .bottom-link-container a:hover {
    color: #1a252f !important;
}
body.theme-spring #guestUploadForm {
    background-color: rgba(52, 152, 219, 0.05);
}
body.theme-spring .page-header-scrollable {
    background-color: rgba(176, 190, 197, 0.1);
    border-bottom-color: rgba(144, 165, 176, 0.3);
}
body.theme-spring .page-header-scrollable .logo {
    filter: none;
}
body.theme-spring .page-header-scrollable .btn-secondary {
    background-color: #4a90a4;
    border-color: #4a90a4;
    color: var(--white);
}
body.theme-spring .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
}

/* Responsive background sizing */
@media (min-width: 769px) {
    /* Desktop: fill viewport, show upper-middle portion of image */
    body[class*="theme-"] {
        background-size: cover !important;
        background-position: center 20% !important;
    }
}

@media (max-width: 768px) {
    /* Mobile: also use cover for landscape images in portrait mode */
    body[class*="theme-"] {
        background-size: cover !important;
        background-position: center center !important;
    }
}

/* ===== Winter THEME ===== */
body.theme-winter {
    background-image: url('/webassets/winter.webp');
    background-size: auto 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    color: #2c3e50;
}
body.theme-winter .photos-container {
    background-color: rgba(236, 240, 241, 0.95);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
}
body.theme-winter .guest-content-container {
    background-color: rgba(236, 240, 241, 0.95);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
}
body.theme-winter h1, 
body.theme-winter h2,
body.theme-winter h4,
body.theme-winter #uploadsRemaining,
body.theme-winter #message,
body.theme-winter .shadow-box p,
body.theme-winter p,
body.theme-winter .bottom-link-container p,
body.theme-winter .bottom-link-container a {
    color: #34495e;
}
body.theme-winter .shadow-box {
    background-color: rgba(236, 240, 241, 0.85);
}
body.theme-winter .bottom-link-container a:hover {
    color: #1a252f !important;
}
body.theme-winter #guestUploadForm {
    background-color: rgba(52, 152, 219, 0.05);
}
body.theme-winter .page-header-scrollable {
    background-color: rgba(176, 190, 197, 0.1);
    border-bottom-color: rgba(144, 165, 176, 0.3);
}
body.theme-winter .page-header-scrollable .logo {
    filter: none;
}
body.theme-winter .page-header-scrollable .btn-secondary {
    background-color: #4a90a4;
    border-color: #4a90a4;
    color: var(--white);
}
body.theme-winter .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
}

/* ===== Nineties THEME ===== */
body.theme-nineties {
    background-image: url('/webassets/nineties.webp');
    background-size: auto 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    color: #2c3e50;
}
body.theme-nineties .photos-container {
    background-color: rgba(236, 240, 241, 0.95);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
}
body.theme-nineties .guest-content-container {
    background-color: rgba(236, 240, 241, 0.95);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
}
body.theme-nineties h1, 
body.theme-nineties h2,
body.theme-nineties h4,
body.theme-nineties #uploadsRemaining,
body.theme-nineties #message,
body.theme-nineties .shadow-box p,
body.theme-nineties p,
body.theme-nineties .bottom-link-container p,
body.theme-nineties .bottom-link-container a {
    color: #34495e;
}
body.theme-nineties .shadow-box {
    background-color: rgba(236, 240, 241, 0.85);
}
body.theme-nineties .bottom-link-container a:hover {
    color: #1a252f !important;
}
body.theme-nineties #guestUploadForm {
    background-color: rgba(52, 152, 219, 0.05);
}
body.theme-nineties .page-header-scrollable {
    background-color: rgba(176, 190, 197, 0.1);
    border-bottom-color: rgba(144, 165, 176, 0.3);
}
body.theme-nineties .page-header-scrollable .logo {
    filter: none;
}
body.theme-nineties .page-header-scrollable .btn-secondary {
    background-color: #4a90a4;
    border-color: #4a90a4;
    color: var(--white);
}
body.theme-nineties .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
}

/* ===== Vintage THEME ===== */
body.theme-vintage {
    background-image: url('/webassets/vintage.webp');
    background-size: auto 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    color: #2c3e50;
}
body.theme-vintage .photos-container {
    background-color: rgba(236, 240, 241, 0.95);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
}
body.theme-vintage .guest-content-container {
    background-color: rgba(236, 240, 241, 0.95);
    box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
}
body.theme-vintage h1, 
body.theme-vintage h2,
body.theme-vintage h4,
body.theme-vintage #uploadsRemaining,
body.theme-vintage #message,
body.theme-vintage .shadow-box p,
body.theme-vintage p,
body.theme-vintage .bottom-link-container p,
body.theme-vintage .bottom-link-container a {
    color: #34495e;
}
body.theme-vintage .shadow-box {
    background-color: rgba(236, 240, 241, 0.85);
}
body.theme-vintage .bottom-link-container a:hover {
    color: #1a252f !important;
}
body.theme-vintage #guestUploadForm {
    background-color: rgba(52, 152, 219, 0.05);
}
body.theme-vintage .page-header-scrollable {
    background-color: rgba(176, 190, 197, 0.1);
    border-bottom-color: rgba(144, 165, 176, 0.3);
}
body.theme-vintage .page-header-scrollable .logo {
    filter: none;
}
body.theme-vintage .page-header-scrollable .btn-secondary {
    background-color: #4a90a4;
    border-color: #4a90a4;
    color: var(--white);
}
body.theme-vintage .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
}

/* ===== Graduation THEME ===== */
body.theme-graduation {
    background-image: url('/webassets/graduation.webp');
    background-color: #efebe9;
    background-size: auto 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    color: #5d4037;
}
body.theme-graduation .photos-container {
    background-color: rgba(255, 248, 225, 0.9);
}
body.theme-graduation .guest-content-container {
    background-color: rgba(255, 255, 255, 0.92);
}
body.theme-graduation h1 {
    color: #6a5549;
}
body.theme-graduation .page-header-scrollable {
    background-color: rgba(61, 86, 212, 0);
    border-bottom-color: rgba(78, 107, 255, 0);
}
body.theme-graduation .page-header-scrollable .btn-secondary {
    background-color: #a1887f;
    border-color: #a1887f;
}
body.theme-graduation .logo-container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
}