/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/*.page-content{background:#f8f8f8;padding:1rem;border-radius:4px;border:2px solid var(--porto-gray-5)} */
.porto-content-box{background:#fff}
.dash-head{font-size:1.2rem}
#header .logo img {
margin-bottom: -50px;
}
#header .logo {
z-index: 99;
}
.share-links {
text-align: center;
}
.font-weight-bold, .text-weight-bold {
font-weight: 500;
letter-spacing: 0.4px;	
}
.vp-go-account-btn {width:100%;}
.no-breadcrumbs .main-content{padding:0px!important;}
.vp-dogs-grid{display:grid;grid-template-columns:2fr;gap:40px}
.vp-dog-card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 6px 20px rgba(0,0,0,0.08)}
.dog-name-dash{font-size:1rem;margin:0;font-weight:600;background:#2957a3;padding:10px;color:#fff;text-align:center}
.vp-month{display:inline-block;margin-bottom:20px;font-weight:600;color:#444}
.vp-video-wrapper{position:relative;overflow:hidden;border-radius:4px;background:#000}
.vp-video-wrapper video{width:100%!important;height:auto!important;border-radius:12px}
.vp-video-wrapper:hover{box-shadow:0 12px 30px rgba(0,0,0,0.15);transform:translateY(-2px);transition:all .3s ease}
.vp-video-wrapper::after{content:"▶ Watch Update";position:absolute;bottom:15px;right:15px;background:rgba(0,0,0,0.7);color:#fff;padding:6px 10px;font-size:12px;border-radius:20px}
.floating{position:fixed;width:60px;height:60px;bottom:60px;right:40px;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;z-index:100}
.widget .widget-title, .widget .widgettitle {
font-size: 1.2rem;
font-weight: 600;
text-transform: capitalize;
}
.footer-bottom
{
display:none;	
}
.button-app {
display: flex;
justify-content: center;
align-items: flex-end;
}
.pwa-install-btn {
    position: fixed;
    bottom: 90px;
    right: 30px;
    background-color: #ffce32;
    color: #000;
    padding: 10px 18px;
    border: none;
    border-radius: 50px;
    z-index: 999;
    font-size: 13px;
}
.ios-install-banner {
    position: fixed;
    bottom: 10px;
    text-align: center;
    left: 10px;
    right: 10px;
    background: #ffce32;
    color: #000;
    padding: 12px 14px;
    border-radius: 4px;
    font-size: 12px;
    z-index: 9999;
}
/*.woocommerce-account .woocommerce-MyAccount-navigation {
padding: 40px 10px 30px;
}
.woocommerce-account .woocommerce-MyAccount-content
{
padding: 0px 10px 40px;	
} */
.footer-mobile {
display: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
letter-spacing: 0px;
}
.woocommerce
{
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding:3rem 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content
{
width:100%;	
}
.woocommerce-MyAccount-navigation ul
{
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
gap:20px;
white-space: nowrap;
-webkit-overflow-scrolling: touch; /* smooth iOS scroll */
scrollbar-width: none; /* Firefox */
}
.woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
display: none;
}
.woocommerce-MyAccount-navigation-link
{
background: rgba(0, 186, 163, 0.2) !important;
border: 1px solid #00baa3 !important;
color: #47b2e4 !important;
padding: 0px 12px!important;	
min-width: 150px;
text-align: center;
}
.vp-dog-block{margin-bottom:40px;border:1px solid #e6e6e6;padding:20px;border-radius:6px}
.dog-name-dash{background:#445aa3;color:#fff;padding:10px 14px;border-radius:4px;margin-bottom:15px}
.vp-video-wrapper{margin-bottom:10px}
.vp-dog-accordion{border:1px solid #e5e7eb;border-radius:4px;margin-bottom:24px;overflow:hidden}
.vp-dog-toggle{width:100%;background:#445aa3;color:#fff;font-size:16px;font-weight:600;padding:18px 18px;border:0;text-align:left;cursor:pointer}
.vp-dog-content{display:none;padding:1rem;background:#fff}
.vp-dog-accordion.open .vp-dog-content{display:block}
.vp-dog-content strong{grid-column:span 2;font-size:15px;color:#444}
.vp-video-wrapper video{width:100%;border-radius:6px}
.float-button{margin-top:16px}
@media(max-width:575px){#footer{margin-bottom:0rem}
.footer-mobile {
bottom: -1px;
display: block;
left: 0;
overflow: hidden;
position: fixed;
width: 100vw;
z-index: 100;
}
.footer-mobile .menu--footer {
align-items: center;
background: #ffffff;
display: flex;
justify-content: center;  
list-style: none;
padding: 0 10px;
border-top:1px solid #2957a3;
margin-bottom:0px;
}
.footer-mobile .menu--footer li {
flex-grow: 1;
padding: 5px 0 !important;
position: relative;
text-align: center;
}
.footer-mobile .menu--footer li a {
color: #2957a3;
font-size: 10px;
font-weight: 500;
}
}