/* ======================================================
   MyDogNI GLOBAL HEADER
   ====================================================== */

#main-header{
    background:
        linear-gradient(
            180deg,
            rgba(7,18,31,.97),
            rgba(4,12,22,.97)
        ) !important;

    border-bottom:1px solid rgba(49,176,235,.25);

    box-shadow:
        0 8px 28px rgba(0,0,0,.30),
        inset 0 -1px 0 rgba(65,199,255,.08) !important;
}

#main-header.et-fixed-header{
    background:rgba(4,12,22,.96) !important;
}

#top-menu li a{
    position:relative;

    color:#edf8ff !important;

    font-weight:800 !important;

    letter-spacing:.015em;

    opacity:.88 !important;

    transition:
        color .18s ease,
        opacity .18s ease,
        text-shadow .18s ease;
}

#top-menu li a:hover{
    color:#55d6ff !important;

    opacity:1 !important;

    text-shadow:
        0 0 10px rgba(47,194,255,.36);
}

#top-menu li.current-menu-item>a,
#top-menu li.current_page_item>a,
#top-menu li.current-menu-ancestor>a{

    color:#42d1ff !important;

    opacity:1 !important;

    font-weight:950 !important;

    text-shadow:
        0 0 12px rgba(46,196,255,.40);
}

#top-menu li.current-menu-item>a:after,
#top-menu li.current_page_item>a:after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:22px;

    height:3px;

    border-radius:10px;

    background:
        linear-gradient(
            90deg,
            #23aef2,
            #62dcff
        );

    box-shadow:
        0 0 9px rgba(49,198,255,.55);
}

#et_search_icon:before,
.et-cart-info span:before{
    color:#5fd9ff !important;
}

.mobile_menu_bar:before{
    color:#56d6ff !important;
}

.et_mobile_menu{
    background:#071522 !important;

    border-top:2px solid #39c8ff !important;
}

.et_mobile_menu li a{
    color:#eff9ff !important;

    font-weight:800;
}

.et_mobile_menu .current-menu-item>a{
    color:#4bd5ff !important;
}


/* ======================================================
   HOMEPAGE RESET
   ====================================================== */

body.home #main-content{
    background:#040b13 !important;
}

body.home .entry-title,
body.home .main_title{
    display:none !important;
}

body.home #main-content>.container{
    width:100% !important;
    max-width:none !important;
    padding-top:0 !important;
}

body.home #main-content .container:before{
    display:none !important;
}

body.home #left-area{
    width:100% !important;
    float:none !important;
    padding:0 !important;
}

body.home article{
    margin:0 !important;
    padding:0 !important;
}


/* ======================================================
   HOMEPAGE
   ====================================================== */

.mdni-home-shell{
    --text:#f7fbff;
    --muted:#a8bfd2;
    --cyan:#39ccff;
    --blue:#168de9;
    --green:#46df91;
    --orange:#ff9a3d;
    --line:#284b65;

    width:100vw;

    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    overflow:hidden;

    color:var(--text);

    background:
        radial-gradient(
            circle at 8% 2%,
            rgba(24,134,255,.18),
            transparent 25%
        ),
        radial-gradient(
            circle at 92% 10%,
            rgba(29,201,255,.10),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #040a12,
            #071523 45%,
            #050d17
        );
}

.mdni-home-shell *{
    box-sizing:border-box;
}

.mdni-home-wrap{
    width:min(1200px,92%);
    margin:auto;
}

.mdni-home-hero{
    padding:92px 0 92px;

    position:relative;
}

.mdni-home-hero-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;

    align-items:center;

    gap:60px;
}

.mdni-home-eyebrow{
    display:inline-flex;

    align-items:center;

    padding:8px 14px;

    border-radius:999px;

    border:1px solid rgba(66,199,255,.46);

    background:
        linear-gradient(
            180deg,
            rgba(43,170,255,.18),
            rgba(11,64,101,.11)
        );

    color:#dff8ff;

    font-size:.75rem;
    font-weight:950;

    letter-spacing:.10em;

    text-transform:uppercase;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.17),
        0 0 18px rgba(33,173,255,.10);
}

.mdni-home-hero h1{
    margin:20px 0 20px;

    color:#fff;

    font-size:clamp(3.3rem,6.8vw,6.2rem);

    line-height:.98;

    letter-spacing:-.055em;

    font-weight:950;

    text-shadow:
        0 4px 20px rgba(0,0,0,.38);
}

.mdni-home-hero h1 span,
.mdni-home-section-head h2 span,
.mdni-home-proof-copy h2 span,
.mdni-home-final-card h2 span{

    color:#45d3ff;
}

.mdni-home-hero-text{
    max-width:700px;

    margin:0 0 28px;

    color:#b6cadb;

    font-size:1.13rem;

    line-height:1.65;
}

.mdni-home-actions,
.mdni-home-final-actions{

    display:flex;

    gap:12px;

    flex-wrap:wrap;
}

.mdni-home-btn{
    position:relative;
    overflow:hidden;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:52px;

    padding:14px 23px;

    border-radius:14px;

    font-weight:900;

    text-decoration:none !important;

    transition:
        transform .18s ease,
        filter .18s ease,
        box-shadow .18s ease;
}

.mdni-home-btn:before{
    content:"";

    position:absolute;

    left:7%;
    right:7%;
    top:3px;

    height:42%;

    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.34),
            transparent
        );
}

.mdni-home-btn:hover{
    transform:translateY(-2px);

    filter:brightness(1.12);
}

.mdni-home-primary{
    color:#fff !important;

    border:1px solid #70dfff;

    background:
        linear-gradient(
            180deg,
            #3acbff,
            #168ce8 48%,
            #095dbb
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.40),
        0 0 16px rgba(38,172,255,.30),
        0 9px 22px rgba(0,0,0,.29);
}

.mdni-home-secondary{
    color:#edf9ff !important;

    border:1px solid #426b88;

    background:
        linear-gradient(
            180deg,
            #193a54,
            #10283d 48%,
            #091a29
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        0 8px 18px rgba(0,0,0,.22);
}

.mdni-home-pills{
    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:26px;
}

.mdni-home-pills span{
    padding:6px 10px;

    border-radius:999px;

    border:1px solid #284a64;

    background:#0b1b2a;

    color:#95b4c9;

    font-size:.67rem;

    font-weight:900;

    letter-spacing:.06em;
}


/* HERO DASHBOARD */

.mdni-home-dashboard-frame{
    position:relative;

    overflow:hidden;

    border:1px solid #39789d;

    border-radius:22px;

    background:#081623;

    transform:
        perspective(1200px)
        rotateY(-4deg)
        rotateX(2deg);

    box-shadow:
        0 0 36px rgba(32,169,244,.16),
        0 32px 70px rgba(0,0,0,.48),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.mdni-home-dashboard-frame img{
    display:block;

    width:100%;

    min-height:470px;

    object-fit:cover;

    object-position:top center;
}

.mdni-home-windowbar{
    display:flex;

    align-items:center;

    gap:7px;

    height:42px;

    padding:0 14px;

    border-bottom:1px solid #23455d;

    background:
        linear-gradient(
            180deg,
            #102b40,
            #091a29
        );
}

.mdni-home-windowbar span{
    width:9px;
    height:9px;

    border-radius:50%;

    background:#45cfff;

    opacity:.75;
}

.mdni-home-windowbar strong{
    margin-left:6px;

    color:#bdd6e8;

    font-size:.72rem;

    letter-spacing:.03em;
}

.mdni-home-live-chip{
    position:absolute;

    right:15px;
    bottom:15px;

    padding:8px 11px;

    border-radius:999px;

    border:1px solid #44df8c;

    background:
        linear-gradient(
            180deg,
            rgba(38,184,111,.92),
            rgba(16,106,61,.94)
        );

    color:#effff6;

    font-size:.68rem;

    font-weight:950;

    box-shadow:
        0 0 13px rgba(49,218,130,.30);
}


/* SECTIONS */

.mdni-home-section{
    padding:88px 0;
}

.mdni-home-section-head{
    max-width:860px;

    margin-bottom:36px;
}

.mdni-home-section-head h2,
.mdni-home-proof-copy h2,
.mdni-home-final-card h2{

    margin:14px 0 12px;

    color:#fff;

    font-size:clamp(2.4rem,4.7vw,4.2rem);

    line-height:1.05;

    letter-spacing:-.045em;

    font-weight:950;
}

.mdni-home-section-head>p,
.mdni-home-proof-copy>p,
.mdni-home-final-card>div>p{

    color:var(--muted);

    font-size:1.04rem;

    line-height:1.65;
}

.mdni-centered{
    margin-left:auto;
    margin-right:auto;

    text-align:center;
}


/* STORY */

.mdni-home-story-grid{
    display:grid;

    grid-template-columns:.95fr 1.05fr;

    gap:38px;

    align-items:stretch;
}

.mdni-home-story-photo,
.mdni-home-story-copy{

    border:1px solid var(--line);

    border-radius:22px;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #122d44,
            #071725
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 18px 42px rgba(0,0,0,.28);
}

.mdni-home-story-photo{
    min-height:480px;
}

.mdni-home-ural-img{
    width:100%;
    height:100%;

    min-height:480px;

    object-fit:cover;
}

.mdni-home-photo-placeholder{
    min-height:480px;

    display:flex;

    flex-direction:column;

    align-items:center;
    justify-content:center;

    text-align:center;

    gap:9px;

    padding:30px;

    background:
        radial-gradient(
            circle at center,
            rgba(29,169,240,.16),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            #0d2133,
            #071420
        );
}

.mdni-home-photo-icon{
    display:flex;

    align-items:center;
    justify-content:center;

    width:72px;
    height:72px;

    border-radius:20px;

    border:1px solid #4282a5;

    background:#143650;

    color:#63dcff;

    font-size:1.8rem;
}

.mdni-home-photo-placeholder strong{
    color:#fff;

    font-size:1.35rem;
}

.mdni-home-photo-placeholder span{
    color:#86a6bb;
}

.mdni-home-story-copy{
    padding:38px;
}

.mdni-home-story-copy h3{
    margin:0 0 14px;

    color:#fff;

    font-size:2rem;

    font-weight:950;
}

.mdni-home-story-copy p{
    color:#abc0d0;

    line-height:1.65;

    font-size:1rem;
}

.mdni-home-story-links{
    display:flex;

    gap:20px;

    flex-wrap:wrap;

    margin-top:25px;
}

.mdni-home-story-links a{
    color:#5edbff !important;

    text-decoration:none;

    font-weight:900;
}


/* FEATURES */

.mdni-home-feature-section{
    background:
        linear-gradient(
            180deg,
            rgba(8,23,38,.16),
            rgba(15,60,89,.07)
        );
}

.mdni-home-feature-grid{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;
}

.mdni-home-card{
    position:relative;

    overflow:hidden;

    padding:27px;

    border:1px solid #284c66;

    border-radius:19px;

    background:
        linear-gradient(
            145deg,
            rgba(19,44,67,.97),
            rgba(7,21,34,.98)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 16px 38px rgba(0,0,0,.25);

    transition:
        transform .19s ease,
        border-color .19s ease;
}

.mdni-home-card:before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(74,208,255,.55),
            transparent
        );
}

.mdni-home-card:hover{
    transform:translateY(-4px);

    border-color:#398bb5;
}

.mdni-home-icon{
    display:flex;

    align-items:center;
    justify-content:center;

    width:48px;
    height:48px;

    margin-bottom:18px;

    border-radius:14px;

    border:1px solid #45bfea;

    background:
        linear-gradient(
            180deg,
            #208acb,
            #0a466e
        );

    color:#e8fbff;

    font-weight:950;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.27),
        0 0 13px rgba(46,181,241,.15);
}

.mdni-home-card h3{
    margin:0 0 8px;

    color:#fff;

    font-size:1.18rem;

    font-weight:900;
}

.mdni-home-card p{
    margin:0;

    color:#9fb6c8;

    line-height:1.55;
}


/* DASHBOARD PROOF */

.mdni-home-proof-section{
    background:#040c15;
}

.mdni-home-proof-grid{
    display:grid;

    grid-template-columns:.72fr 1.28fr;

    gap:44px;

    align-items:center;
}

.mdni-home-proof-copy p{
    margin-bottom:27px;
}

.mdni-home-big-shot{
    display:block;

    overflow:hidden;

    border:1px solid #3b7da0;

    border-radius:22px;

    background:#06111c;

    text-decoration:none !important;

    box-shadow:
        0 0 30px rgba(35,170,239,.13),
        0 28px 60px rgba(0,0,0,.42);

    transition:
        transform .20s ease,
        border-color .20s ease;
}

.mdni-home-big-shot:hover{
    transform:translateY(-4px);

    border-color:#54cfff;
}

.mdni-home-big-shot img{
    display:block;

    width:100%;

    max-height:560px;

    object-fit:cover;

    object-position:top center;
}

.mdni-home-big-shot span{
    display:block;

    padding:16px 20px;

    color:#6bdfff;

    font-weight:900;

    background:#091a29;
}


/* STEPS */

.mdni-home-steps{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;
}

.mdni-home-steps article{
    padding:30px;

    border:1px solid #284d68;

    border-radius:19px;

    background:
        linear-gradient(
            145deg,
            #112c43,
            #071624
        );
}

.mdni-home-step-number{
    color:#42d2ff;

    font-size:2.6rem;

    line-height:1;

    font-weight:950;

    opacity:.86;
}

.mdni-home-steps h3{
    margin:15px 0 8px;

    color:#fff;

    font-size:1.35rem;

    font-weight:950;
}

.mdni-home-steps p{
    margin:0;

    color:#9eb6c8;

    line-height:1.55;
}


/* FINAL CTA */

.mdni-home-final{
    padding:0 0 90px;
}

.mdni-home-final-card{
    display:flex;

    justify-content:space-between;
    align-items:center;

    gap:40px;

    padding:43px;

    border:1px solid #37789b;

    border-radius:24px;

    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(53,198,255,.13),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #11304a,
            #071825
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 24px 52px rgba(0,0,0,.30);
}

.mdni-home-final-card>div:first-child{
    max-width:720px;
}


/* MOBILE */

@media(max-width:950px){

    .mdni-home-hero-grid,
    .mdni-home-story-grid,
    .mdni-home-proof-grid{

        grid-template-columns:1fr;
    }

    .mdni-home-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .mdni-home-dashboard-frame{
        transform:none;
    }
}

@media(max-width:700px){

    #top-menu{
        display:none;
    }

    .mdni-home-wrap{
        width:94%;
    }

    .mdni-home-hero{
        padding:62px 0 64px;
    }

    .mdni-home-hero h1{
        font-size:clamp(3rem,14vw,4.5rem);
    }

    .mdni-home-actions,
    .mdni-home-final-actions{

        flex-direction:column;
    }

    .mdni-home-btn{
        width:100%;
    }

    .mdni-home-section{
        padding:60px 0;
    }

    .mdni-home-feature-grid,
    .mdni-home-steps{

        grid-template-columns:1fr;
    }

    .mdni-home-story-copy{
        padding:27px;
    }

    .mdni-home-dashboard-frame img{
        min-height:300px;
    }

    .mdni-home-final-card{
        display:block;

        padding:27px;
    }

    .mdni-home-final-actions{
        margin-top:25px;
    }
}



/* ======================================================
   MyDogNI Header Logo Contrast
   ====================================================== */

#main-header .logo_container a{
    display:inline-flex !important;
    align-items:center !important;

    padding:7px 12px !important;

    border-radius:14px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(225,244,255,.94)
        ) !important;

    border:1px solid rgba(76,205,255,.70) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 0 14px rgba(54,194,255,.20),
        0 6px 14px rgba(0,0,0,.18) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

#main-header .logo_container a:hover{
    transform:translateY(-1px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        0 0 18px rgba(56,202,255,.34),
        0 8px 18px rgba(0,0,0,.22) !important;
}

#main-header #logo{
    max-height:48px !important;
    width:auto !important;

    filter:
        drop-shadow(0 1px 1px rgba(0,0,0,.12)) !important;
}

@media(max-width:980px){

    #main-header .logo_container a{
        padding:5px 9px !important;
        border-radius:11px !important;
    }

    #main-header #logo{
        max-height:42px !important;
    }
}



/* ======================================================
   MyDogNI Header Height / Sticky Logo Fix
   ====================================================== */

/* Normal desktop header */
#main-header .container{
    min-height:76px !important;
}

#main-header .logo_container{
    height:76px !important;

    display:flex !important;
    align-items:center !important;
}

#main-header .logo_container a{
    padding:4px 9px !important;

    border-radius:12px !important;

    max-height:58px !important;

    display:inline-flex !important;
    align-items:center !important;
}

#main-header #logo{
    max-height:42px !important;
    width:auto !important;
}


/* Divi sticky / scrolled header */
#main-header.et-fixed-header .container{
    min-height:62px !important;
}

#main-header.et-fixed-header .logo_container{
    height:62px !important;

    display:flex !important;
    align-items:center !important;
}

#main-header.et-fixed-header .logo_container a{
    padding:3px 7px !important;

    max-height:50px !important;

    border-radius:10px !important;
}

#main-header.et-fixed-header #logo{
    max-height:35px !important;
}


/* Keep navigation vertically aligned */
#main-header #et-top-navigation{
    padding-top:27px !important;
}

#main-header.et-fixed-header #et-top-navigation{
    padding-top:20px !important;
}


/* Mobile */
@media(max-width:980px){

    #main-header .container,
    #main-header.et-fixed-header .container{
        min-height:66px !important;
    }

    #main-header .logo_container,
    #main-header.et-fixed-header .logo_container{
        height:66px !important;
    }

    #main-header .logo_container a,
    #main-header.et-fixed-header .logo_container a{
        padding:3px 7px !important;
        max-height:52px !important;
    }

    #main-header #logo,
    #main-header.et-fixed-header #logo{
        max-height:36px !important;
    }
}



/* ======================================================
   MyDogNI Global Footer
   ====================================================== */

#main-footer{
    position:relative;

    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(33,154,225,.10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #081624 0%,
            #040b13 100%
        ) !important;

    border-top:1px solid rgba(65,196,255,.28) !important;

    box-shadow:
        0 -12px 35px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(72,207,255,.06) !important;
}


/* glowing top accent */
#main-footer:before{
    content:"";

    position:absolute;

    left:50%;
    top:-1px;

    transform:translateX(-50%);

    width:min(900px,70%);
    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #27bdf7,
            #68ddff,
            #27bdf7,
            transparent
        );

    box-shadow:
        0 0 12px rgba(53,199,255,.42);
}


/* Privacy / Terms row */
#main-footer .bottom-nav{
    padding:22px 0 !important;

    text-align:center !important;
}

#main-footer .bottom-nav li{
    padding-right:8px !important;
}

#main-footer .bottom-nav li a{
    display:inline-flex;

    align-items:center;

    padding:8px 13px;

    border-radius:999px;

    color:#d9edf9 !important;

    border:1px solid rgba(66,131,171,.45);

    background:
        linear-gradient(
            180deg,
            rgba(21,51,74,.80),
            rgba(9,29,44,.82)
        );

    font-weight:800 !important;

    transition:
        color .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

#main-footer .bottom-nav li a:hover{
    color:#62dcff !important;

    border-color:#43c8f5;

    transform:translateY(-1px);

    box-shadow:
        0 0 12px rgba(54,190,243,.18);
}


/* Bottom copyright/social bar */
#footer-bottom{
    padding:18px 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(3,10,17,.90),
            rgba(2,7,12,.98)
        ) !important;

    border-top:1px solid rgba(60,117,151,.20);
}


/* remove stock Divi credit */
#footer-info{
    font-size:0 !important;
}


/* branded replacement */
#footer-info:after{
    content:"© 2026 MyDogNI · Stream Smarter · Testing & verification assisted by ChatGPT and Grok";

    color:#8faabd;

    font-size:14px !important;

    font-weight:700;

    letter-spacing:.03em;
}


/* Social icons */
#footer-bottom .et-social-icons{
    margin-top:0 !important;
}

#footer-bottom .et-social-icon{
    margin-left:8px !important;
}

#footer-bottom .et-social-icon a{
    display:flex;

    align-items:center;
    justify-content:center;

    width:38px;
    height:38px;

    border-radius:11px;

    color:#65d9ff !important;

    border:1px solid rgba(62,161,208,.40);

    background:
        linear-gradient(
            180deg,
            #102d43,
            #081a29
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08);

    transition:
        transform .18s ease,
        color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

#footer-bottom .et-social-icon a:hover{
    color:#ffffff !important;

    border-color:#50d3ff;

    transform:translateY(-2px);

    box-shadow:
        0 0 14px rgba(55,198,250,.24);
}


/* Mobile */
@media(max-width:767px){

    #footer-info{
        float:none !important;

        text-align:center !important;

        padding-bottom:14px !important;
    }

    #footer-bottom .et-social-icons{
        float:none !important;

        text-align:center !important;
    }

    #footer-bottom .et-social-icon{
        display:inline-block !important;

        float:none !important;
    }

    #main-footer .bottom-nav{
        text-align:center !important;
    }
}



/* ======================================================
   MyDogNI Footer Final Branding + Modern Social Icons
   ====================================================== */


/* Completely suppress Elegant Themes / WordPress credit */
#footer-info{
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    text-shadow:none !important;
}

#footer-info a{
    display:none !important;
}

/* MyDogNI replacement */
#footer-info::after{
    content:"© 2026 MyDogNI · Stream Smarter · Testing & verification assisted by ChatGPT and Grok";

    display:inline-block;

    color:#91aabd !important;

    font-size:14px !important;
    line-height:1.5 !important;

    font-weight:800 !important;

    letter-spacing:.025em;
}


/* ------------------------------------------------------
   SOCIAL BUTTON SHELL
   ------------------------------------------------------ */

#footer-bottom .et-social-icons{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;

    gap:10px;

    margin:0 !important;
}

#footer-bottom .et-social-icon{
    margin:0 !important;
}

#footer-bottom .et-social-icon a{
    position:relative;

    display:flex !important;

    align-items:center;
    justify-content:center;

    width:44px !important;
    height:44px !important;

    padding:0 !important;

    border-radius:13px !important;

    background:
        linear-gradient(
            180deg,
            #153650 0%,
            #0a2032 55%,
            #071522 100%
        ) !important;

    border:1px solid #326482 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        0 7px 16px rgba(0,0,0,.24) !important;

    overflow:hidden;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}


/* remove old Divi icon font */
#footer-bottom .et-social-icon a::before{
    content:"" !important;

    display:block !important;

    width:23px !important;
    height:23px !important;

    background:#78dfff;

    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
    -webkit-mask-size:contain;

    mask-repeat:no-repeat;
    mask-position:center;
    mask-size:contain;

    font-family:initial !important;
}


/* ------------------------------------------------------
   FACEBOOK
   ------------------------------------------------------ */

#footer-bottom .et-social-facebook a::before{

    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8h3V4h-3c-3.3 0-5 2-5 5v2H6v4h3v9h4v-9h3.2l.8-4H13V9c0-.7.3-1 1-1z'/%3E%3C/svg%3E");

    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8h3V4h-3c-3.3 0-5 2-5 5v2H6v4h3v9h4v-9h3.2l.8-4H13V9c0-.7.3-1 1-1z'/%3E%3C/svg%3E");
}

#footer-bottom .et-social-facebook a:hover{
    border-color:#4b9cff !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        0 0 18px rgba(59,130,246,.35),
        0 8px 18px rgba(0,0,0,.27) !important;
}


/* ------------------------------------------------------
   X / TWITTER
   ------------------------------------------------------ */

#footer-bottom .et-social-twitter a::before{

    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.9 2H22l-6.8 7.8L23 22h-6.1l-4.8-6.3L6.6 22H3.5l7.1-8.2L3 2h6.3l4.3 5.7L18.9 2zm-1.1 17.8h1.7L8.4 4.1H6.6l11.2 15.7z'/%3E%3C/svg%3E");

    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.9 2H22l-6.8 7.8L23 22h-6.1l-4.8-6.3L6.6 22H3.5l7.1-8.2L3 2h6.3l4.3 5.7L18.9 2zm-1.1 17.8h1.7L8.4 4.1H6.6l11.2 15.7z'/%3E%3C/svg%3E");
}

#footer-bottom .et-social-twitter a:hover{
    border-color:#79ddff !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        0 0 18px rgba(76,210,255,.30),
        0 8px 18px rgba(0,0,0,.27) !important;
}


/* ------------------------------------------------------
   RSS
   ------------------------------------------------------ */

#footer-bottom .et-social-rss a::before{

    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3v4c7.2 0 13 5.8 13 13h4C21 10.6 13.4 3 4 3zm0 7v4c3.3 0 6 2.7 6 6h4c0-5.5-4.5-10-10-10zm2 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E");

    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3v4c7.2 0 13 5.8 13 13h4C21 10.6 13.4 3 4 3zm0 7v4c3.3 0 6 2.7 6 6h4c0-5.5-4.5-10-10-10zm2 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E");
}

#footer-bottom .et-social-rss a:hover{
    border-color:#ff9c42 !important;
}

#footer-bottom .et-social-rss a:hover::before{
    background:#ffad61;
}


/* universal hover lift */
#footer-bottom .et-social-icon a:hover{
    transform:translateY(-3px) scale(1.04);

    filter:brightness(1.12);
}


/* mobile alignment */
@media(max-width:767px){

    #footer-bottom .et-social-icons{
        justify-content:center !important;

        margin-top:8px !important;
    }

    #footer-info{
        text-align:center !important;
    }
}



/* ======================================================
   MyDogNI Footer AI Acknowledgment
   ====================================================== */

#footer-info::after,
#footer-info:after{
    content:"© 2026 MyDogNI · Stream Smarter · Testing & verification assisted by ChatGPT and Grok" !important;
}



/* ==========================================================
   MYDOGNI CARD SPACING FIX
   Prevent cramped/clipped feature and 01/02/03 card content
   ========================================================== */

.mdni-home-feature-grid{
    align-items:stretch;
}

.mdni-home-card{
    box-sizing:border-box;
    display:flex;
    flex-direction:column;

    min-height:220px;

    padding:30px 28px 32px;
}

.mdni-home-card .mdni-home-icon{
    flex:0 0 auto;
}

.mdni-home-card h3{
    margin:0 0 10px;
    line-height:1.28;
}

.mdni-home-card p{
    margin:0;
    padding-bottom:3px;

    line-height:1.65;

    overflow-wrap:anywhere;
}

/* The new recording card has an extra status label */
.mdni-home-card.mdni-failsafe-recording{
    min-height:285px;
}


/* 01 / 02 / 03 cards */

.mdni-home-steps{
    align-items:stretch;
}

.mdni-home-steps article{
    box-sizing:border-box;

    display:flex;
    flex-direction:column;

    min-height:190px;

    padding:34px 30px 32px;
}

.mdni-home-step-number{
    flex:0 0 auto;

    line-height:1;
}

.mdni-home-steps h3{
    margin:18px 0 10px;

    line-height:1.25;
}

.mdni-home-steps p{
    margin:0;
    padding-bottom:3px;

    line-height:1.65;

    overflow-wrap:anywhere;
}


/* Tablets */

@media(max-width:950px){

    .mdni-home-card{
        min-height:230px;
    }

    .mdni-home-card.mdni-failsafe-recording{
        min-height:285px;
    }

    .mdni-home-steps article{
        min-height:195px;
    }
}


/* Phones — let content determine height */

@media(max-width:700px){

    .mdni-home-card,
    .mdni-home-card.mdni-failsafe-recording,
    .mdni-home-steps article{
        min-height:0;
        height:auto;
    }

    .mdni-home-card{
        padding:27px 25px 29px;
    }

    .mdni-home-steps article{
        padding:29px 25px 30px;
    }
}



/* ==========================================================
   MYDOGNI FINAL CARD BREATHING ROOM
   ========================================================== */

.mdni-home-feature-grid{
    grid-auto-rows:1fr;
}

.mdni-home-card{
    height:auto !important;
    min-height:250px !important;
    padding:30px 28px 38px !important;
}

.mdni-home-card h3{
    margin-bottom:12px !important;
}

.mdni-home-card p{
    line-height:1.6 !important;
    padding-bottom:8px !important;
}

.mdni-home-card.mdni-failsafe-recording{
    min-height:300px !important;
}


/* 01 / 02 / 03 */

.mdni-home-steps{
    grid-auto-rows:1fr;
}

.mdni-home-steps article{
    height:auto !important;
    min-height:235px !important;
    padding:34px 30px 40px !important;
}

.mdni-home-steps h3{
    margin:18px 0 13px !important;
}

.mdni-home-steps p{
    line-height:1.65 !important;
    padding-bottom:8px !important;
}


/* Mobile */

@media(max-width:700px){

    .mdni-home-card,
    .mdni-home-card.mdni-failsafe-recording,
    .mdni-home-steps article{
        min-height:0 !important;
        height:auto !important;
    }
}


/* MYDOGNI STEP CARD FIX 20260914 */
.mdni-home-steps article{
    min-height:250px !important;
    padding:34px 30px 48px !important;
    box-sizing:border-box !important;
}

.mdni-home-steps h3{
    margin:16px 0 16px !important;
}

.mdni-home-steps p{
    margin:0 !important;
    line-height:1.65 !important;
    padding-bottom:10px !important;
}

@media(max-width:700px){
    .mdni-home-steps article{
        min-height:0 !important;
        padding:30px 25px 36px !important;
    }
}

/* MYDOGNI CARD TEXT POSITION FIX 20260914 */

/* 01 / 02 / 03 cards */
.mdni-home-steps article{
    min-height:260px !important;
    padding:30px 30px 42px !important;
}

.mdni-home-step-number{
    margin:0 0 4px !important;
}

.mdni-home-steps h3{
    margin:6px 0 7px !important;
    line-height:1.2 !important;
}

.mdni-home-steps p{
    margin:0 !important;
    padding:0 !important;
    line-height:1.5 !important;
}


/* StreamBox feature cards */
.mdni-home-card{
    padding:27px 27px 36px !important;
}

.mdni-home-card .mdni-home-icon{
    margin-bottom:11px !important;
}

.mdni-home-card h3{
    margin:0 0 7px !important;
    line-height:1.22 !important;
}

.mdni-home-card p{
    margin:0 !important;
    padding:0 !important;
    line-height:1.5 !important;
}


/* Phones */
@media(max-width:700px){

    .mdni-home-steps article{
        min-height:0 !important;
        padding:27px 24px 32px !important;
    }
}


/* MYDOGNI FAIL-SAFE CARD HEIGHT FIX 20260914 */
.mdni-home-card.mdni-failsafe-recording{
    height:auto !important;
    min-height:360px !important;
    padding-bottom:48px !important;
}

.mdni-home-card.mdni-failsafe-recording p{
    line-height:1.55 !important;
    padding-bottom:14px !important;
}

@media(max-width:700px){
    .mdni-home-card.mdni-failsafe-recording{
        min-height:0 !important;
        height:auto !important;
        padding-bottom:36px !important;
    }
}

/* MYDOGNI FEATURE CARD SIDE PADDING FIX 20260914 */

.mdni-home-card{
    padding-left:40px !important;
    padding-right:36px !important;
}

/* Keep the recording card consistent */
.mdni-home-card.mdni-failsafe-recording{
    padding-left:40px !important;
    padding-right:36px !important;
}

/* Phones */
@media(max-width:700px){
    .mdni-home-card,
    .mdni-home-card.mdni-failsafe-recording{
        padding-left:28px !important;
        padding-right:28px !important;
    }
}

/* ======================================================
   MyDogNI Empty Divi Footer Widget Area Fix
   ====================================================== */

#footer-widgets{
    display:none !important;
}