/*
 Theme Name: Porto Child - Final
 Template: porto
 Text Domain: porto-child-final
 Description: Porto Child Theme with full custom My Account (sidebar + dashboard) pre-configured for YITH, FluentForm ID=5 and WooCommerce API Manager.
 Version: 1.0
 Author: Generated
*/

/* Basic theme child styles + dashboard styles */
body { background:#f4f7fb; color:#0f1724; font-family: "Poppins", Arial, Helvetica, sans-serif; margin:0; padding:0; }

/* My Account full layout */
.custom-dashboard-wrapper { display:flex; gap:24px; padding:28px; box-sizing:border-box; }
.custom-dashboard-sidebar { width:260px; background:#fff; border-radius:12px; padding:20px; box-shadow:0 6px 20px rgba(16,24,40,0.04); }
.custom-dashboard-main { flex:1; }

.custom-sidebar-profile { text-align:center; margin-bottom:14px; }
.custom-sidebar-profile img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.custom-sidebar-profile h4{margin:8px 0 4px;font-size:16px}
.custom-sidebar-profile p{margin:0;font-size:13px;color:#6b7280}

.custom-account-nav{list-style:none;padding:0;margin:12px 0 0}
.custom-account-nav li{margin:8px 0}
.custom-account-nav a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:#0f1724;font-weight:600}
.custom-account-nav a:hover, .custom-account-nav a.active{background:#eef2ff;color:#2563eb}

.bd-hello{font-size:26px;margin:0 0 18px;font-weight:700}
.bd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}
.bd-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 6px 18px rgba(16,24,40,0.04);border:1px solid #eef2ff;text-align:center}
.bd-card .label{font-size:13px;color:#64748b}
.bd-card .value{font-size:24px;font-weight:800;margin-top:6px}

.bd-updates{display:grid;gap:12px;margin-bottom:18px}
.bd-note{background:#fff;padding:14px 16px;border-radius:12px;box-shadow:0 4px 12px rgba(16,24,40,0.03);border:1px solid #f1f5f9}

.bd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.bd-panel{background:#fff;padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(16,24,40,0.04);border:1px solid #eef2ff}
@media(max-width:1024px){.bd-stats{grid-template-columns:repeat(2,1fr)}.custom-dashboard-sidebar{width:220px}}
@media(max-width:720px){.custom-dashboard-wrapper{flex-direction:column}.custom-dashboard-sidebar{width:100%}}