/*
Theme Name: Sapify ERP Solutions
Theme URI: https://sapifyerpsolutions.in/
Author: Sapify
Description: Custom lightweight theme for SAP training.
Version: 1.0
Text Domain: sapify
*/

:root{--primary-color:#0056b3;--secondary-color:#00c2ff;--accent-color:#036;--bg-white:#fff;--bg-light:#f8f9fa;--text-dark:#1a1a1a;--text-muted:#666;--border-color:#e0e0e0;--header-border:#0000001a;--card-bg:#fff;--success:#28a745;--error:#dc3545;--warning:#ffc107;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001f;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--radius-sm:4px;--radius-md:8px;--radius-lg:16px}
[data-theme=dark]{--bg-white:#0a0a0a;--bg-light:#151515;--text-dark:#f8f9fa;--text-muted:#a0a0a0;--border-color:#333;--header-border:#ffffff1a;--card-bg:#1a1a1a;--accent-color:#001a33}
*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}
body{background-color:var(--bg-white);color:var(--text-dark);line-height:1.6;overflow-x:hidden}
a{color:inherit;transition:var(--transition);text-decoration:none}
button{cursor:pointer;transition:var(--transition);border:none;outline:none}
ul{list-style:none}
.fade-in{animation:.8s ease-out forwards fadeIn}
@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}
.theme-toggle{background:var(--bg-light);width:40px;height:40px;color:var(--text-dark);cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin-left:20px;font-size:1.2rem;display:flex}
.theme-toggle:hover{background:var(--primary-color);color:#fff;transform:rotate(30deg)}
@media (width<=992px){.theme-toggle{margin-left:0;margin-right:20px}}
.navbar{z-index:1000;width:100%;height:80px;transition:var(--transition);border-bottom:1px solid var(--header-border);background:var(--bg-white);align-items:center;padding:0 5%;display:flex;position:fixed;top:0;left:0}
.navbar.scrolled{background:var(--bg-white);height:70px;box-shadow:var(--shadow-md)}
.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}
.nav-logo img{width:auto;height:50px;transition:var(--transition)}
.navbar.scrolled .nav-logo img{height:45px}
.nav-menu{gap:30px;display:flex}
.nav-link{color:var(--text-dark);padding:5px 0;font-size:1rem;font-weight:500;position:relative}
.nav-link:after{content:"";background:var(--secondary-color);width:0;height:2px;transition:var(--transition);position:absolute;bottom:0;left:0}
.nav-link:hover:after,.nav-link.active:after{width:100%}
.nav-link.active{color:var(--primary-color)}
.nav-actions{z-index:1100;align-items:center;display:flex}
.nav-mobile-toggle{color:var(--primary-color);cursor:pointer;margin-left:15px;font-size:1.8rem;display:none;position:relative}
.nav-mobile-menu{background:var(--bg-white);width:100%;max-width:400px;height:100vh;box-shadow:var(--shadow-lg);z-index:1050;flex-direction:column;padding:100px 10%;display:flex;position:fixed;top:0;right:0;transform:translateX(100%);transition:transform 0.3s ease-in-out;}
.nav-mobile-menu.open{transform:translateX(0);}
.mobile-links{flex-direction:column;gap:25px;display:flex}
.mobile-link{color:var(--text-dark);font-size:1.2rem;font-weight:600}
.mobile-link.active{color:var(--primary-color)}
@media (width<=992px){.nav-menu{display:none!important}.nav-mobile-toggle{justify-content:center;align-items:center;display:flex}}
@media (width<=480px){.navbar{padding:0 15px}.nav-logo img{height:35px}.nav-mobile-menu{text-align:center;align-items:center;width:100%;max-width:none;padding:100px 5%}.mobile-links{align-items:center;width:100%}}
.footer{background:var(--accent-color);color:#fff;padding:80px 5% 20px}
.footer-container{grid-template-columns:2fr 1fr 1.5fr;gap:50px;max-width:1200px;margin:0 auto;display:grid}
.footer-logo{filter:brightness(0)invert();height:125px}
.footer-desc{color:#ffffffb3;max-width:400px;margin-bottom:25px}
.social-links{gap:15px;display:flex}
.social-links a{width:40px;height:40px;transition:var(--transition);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}
.social-links a:hover{background:var(--secondary-color);transform:translateY(-5px)}
.footer-section h3{margin-bottom:25px;font-size:1.5rem;position:relative}
.footer-section h3:after{content:"";background:var(--secondary-color);width:50px;height:3px;position:absolute;bottom:-8px;left:0}
.footer-section ul{flex-direction:column;gap:12px;display:flex}
.footer-section ul li a{color:#ffffffb3}
.footer-section ul li a:hover{color:var(--secondary-color);padding-left:5px}
.contact-info li{color:#ffffffb3;align-items:center;gap:15px;display:flex}
.footer-bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff1a;margin-top:60px;padding-top:20px;font-size:.9rem}
@media (width<=768px){.footer-container{grid-template-columns:1fr;gap:40px}}
.home{padding-top:80px}
.hero{background:var(--bg-white);justify-content:space-between;align-items:center;min-height:90vh;padding:0 10%;display:flex;position:relative;overflow:hidden}
.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 70%,#00c2ff0d,#0000);width:50%;height:100%;position:absolute;top:0;right:0}
.hero-content{z-index:2;flex:1;max-width:645px}
.pre-heading{text-transform:uppercase;letter-spacing:2px;background:linear-gradient(to right, var(--primary-color) 20%, var(--secondary-color) 40%, var(--secondary-color) 60%, var(--primary-color) 80%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;margin-bottom:15px;font-size:1.1rem;font-weight:700;animation:3s linear infinite shine;display:block}
.hero-content h1{color:var(--text-dark);margin-bottom:25px;font-size:3.5rem;line-height:1.2}
.highlight{color:var(--primary-color)}
.animated-logo{background:linear-gradient(to right, var(--primary-color) 20%, var(--secondary-color) 40%, var(--secondary-color) 60%, var(--primary-color) 80%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:3s linear infinite shine;display:inline-block}
@keyframes shine{to{background-position:200%}}
.hero-content p{color:var(--text-muted);margin-bottom:40px;font-size:1.2rem}
.hero-btns{gap:20px;display:flex}
.btn{border-radius:var(--radius-lg);cursor:pointer;text-align:center;padding:15px 35px;font-size:1rem;font-weight:600;display:inline-block}
.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 15px #0056b34d}
.btn-primary:hover{background:var(--accent-color);transform:translateY(-3px)}
.btn-secondary{border:2px solid var(--primary-color);color:var(--primary-color)}
.btn-secondary:hover{background:var(--primary-color);color:#fff}
.btn-light{color:var(--primary-color);background:#fff}
.hero-image{z-index:1;flex:1;justify-content:center;display:flex;position:relative}
.hero-image img{filter:drop-shadow(0 20px 40px #0000001a);width:100%;max-width:400px;animation:6s ease-in-out infinite float}
@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}
.features{background:var(--bg-light);padding:100px 10%}
.section-header{text-align:center;margin-bottom:60px}
.section-header h2{color:var(--text-dark);margin-bottom:15px;font-size:2.5rem}
.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}
.feature-card{background:var(--card-bg);border-radius:var(--radius-lg);transition:var(--transition);border:1px solid var(--border-color);padding:40px}
.feature-card:hover{background:var(--primary-color);box-shadow:var(--shadow-lg);border-color:var(--primary-color);transform:translateY(-10px)}
.feature-card:hover h3,.feature-card:hover p,.feature-card:hover .feature-icon{color:#fff}
.feature-icon{color:var(--primary-color);margin-bottom:20px;font-size:2.5rem}
.feature-card h3{margin-bottom:15px;font-size:1.5rem}
.cta{padding:80px 10%}
.cta-container{background:linear-gradient(45deg, var(--primary-color), var(--secondary-color));border-radius:var(--radius-lg);text-align:center;color:#fff;padding:60px}
.cta-container h2{margin-bottom:20px;font-size:2.5rem}
.cta-container p{opacity:.9;margin-bottom:40px;font-size:1.1rem}
.training-section{background:var(--bg-white);padding:50px 10% 0}
.training-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}
.training-image img{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg)}
.training-text h2{color:var(--text-dark);margin-bottom:25px;font-size:2.5rem}
.training-list{margin-bottom:35px}
.training-list li{color:var(--text-muted);align-items:center;gap:15px;margin-bottom:15px;font-size:1.1rem;display:flex}
.training-list li svg{color:var(--primary-color)}
@media (width<=1440px){.hero-content h1{font-size:3rem}}
@media (width<=1200px){.hero{padding:0 5%}.features,.training-section,.cta{padding:80px 5%}}
@media (width<=992px){.hero{text-align:center;flex-direction:column;gap:40px;padding-top:120px}.hero-content{max-width:100%}.hero-content h1{font-size:2.5rem}.hero-btns{justify-content:center}.hero-image img{max-width:100%}.training-grid{text-align:center;grid-template-columns:1fr;gap:40px}.training-list li{justify-content:center}}
@media (width<=768px){.hero-content h1{font-size:2.2rem}.section-header h2{font-size:2rem}.cta-container{padding:40px 20px}.cta-container h2{font-size:1.8rem}}
@media (width<=480px){.hero-content h1{font-size:1.8rem}.hero-btns{flex-direction:column;width:100%}.btn{width:100%}.feature-card{padding:30px 20px}}
@media (width<=350px){.hero-content h1{font-size:1.6rem}.stat .number{font-size:2rem}}
.breadcrumbs-container{justify-content:center;margin-bottom:15px;padding:10px 0;display:flex}
.breadcrumbs{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:12px;padding:8px 25px;font-size:.95rem;display:flex}
.breadcrumb-item{color:#fffc;transition:var(--transition);align-items:center;gap:8px;font-weight:500;display:flex}
.breadcrumb-item:hover{color:#fff}
.breadcrumb-item.active{color:var(--secondary-color);font-weight:600}
.breadcrumb-separator{color:#ffffff80;font-size:.75rem}
[data-theme=light] .breadcrumbs-container.on-light .breadcrumbs{background:#0000000d;border-color:#0000001a}
[data-theme=light] .breadcrumbs-container.on-light .breadcrumb-item{color:var(--text-muted)}
[data-theme=light] .breadcrumbs-container.on-light .breadcrumb-item:hover{color:var(--primary-color)}
.about-page{padding-top:80px}
.about-hero{background:var(--accent-color);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:300px;display:flex}
.about-hero h1{font-size:3.5rem}
.about-content{background:var(--bg-white);padding:100px 10%}
.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}
.about-text h2{color:var(--text-dark);margin-bottom:30px;font-size:2.5rem}
.about-text p{color:var(--text-muted);margin-bottom:20px;font-size:1.1rem}
.about-stats{gap:40px;margin-top:40px;display:flex}
.stat{flex-direction:column;display:flex}
.stat .number{color:var(--primary-color);font-size:2.5rem;font-weight:800}
.stat .label{color:var(--text-dark);font-weight:600}
.about-image img{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg)}
.vision-mission{background:var(--bg-light);padding:100px 10%}
.vm-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}
.vm-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:50px}
.vm-card h3{color:var(--primary-color);margin-bottom:20px;font-size:1.8rem}
@media (width<=992px){.about-grid,.vm-grid{grid-template-columns:1fr;gap:40px}.about-hero h1{font-size:2.5rem}.about-content{padding:60px 5%}.about-text h2{text-align:center;font-size:2rem}.about-stats{flex-wrap:wrap;justify-content:center}}
@media (width<=480px){.about-hero h1{font-size:2rem}.vm-card{padding:30px 20px}.stat .number{font-size:2rem}}
.courses-page{padding-top:80px}
.courses-hero{background:var(--accent-color);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:300px;display:flex}
.courses-hero h1{font-size:3.5rem}
.courses-grid-section{background:var(--bg-light);padding:100px 10%}
.modules-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}
.module-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;border:1px solid var(--border-color);transition:var(--transition);padding:40px}
.module-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color)}
.module-icon{color:var(--primary-color);margin-bottom:20px;font-size:3rem; max-width: 60px; margin-left: auto; margin-right: auto;}
.module-icon img {width: 100%; height: auto; border-radius: 8px;}
.module-card h3{margin-bottom:15px;font-size:1.5rem}
.module-card p{color:var(--text-muted);margin-bottom:25px}
.module-btn{border:2px solid var(--primary-color);color:var(--primary-color);border-radius:var(--radius-md);background:0 0;padding:10px 25px;font-weight:600; display:inline-block;}
.module-btn:hover{background:var(--primary-color);color:#fff}
@media (width<=992px){.courses-grid-section{padding:60px 5%}}
@media (width<=768px){.courses-hero h1{font-size:2.5rem}.modules-grid{grid-template-columns:1fr}}
@media (width<=480px){.courses-hero h1{font-size:2rem}.module-card{padding:30px 20px}}
.contact-page{padding-top:80px}
.contact-hero{background:var(--accent-color);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:300px;display:flex}
.contact-hero h1{font-size:3.5rem}
.contact-content{padding:100px 10%}
.contact-grid{grid-template-columns:1fr 2fr;gap:50px;display:grid}
.contact-info-cards{flex-direction:column;gap:20px;display:flex}
.info-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition);align-items:center;gap:20px;padding:30px;display:flex}
.info-card:hover{border-color:var(--primary-color);transform:translate(10px)}
.info-icon{color:var(--primary-color);font-size:2rem; width: 30px;}
.info-card h3{color:var(--text-dark);margin-bottom:5px;font-size:1.2rem}
.contact-form-container{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);padding:50px}
.contact-form h2{color:var(--text-dark);margin-bottom:30px}
.form-group{margin-bottom:20px}
.form-group input,.form-group textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;transition:var(--transition);outline:none;padding:15px;font-size:1rem; font-family: inherit;}
.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0056b31a}
.submit-btn{border:none;width:100%;margin-top:20px}
@media (width<=992px){.contact-grid{grid-template-columns:1fr;gap:40px}.contact-content{padding:60px 5%}.contact-form-container{padding:30px 20px}}
@media (width<=480px){.contact-hero h1{font-size:2rem}.info-card{gap:15px;padding:20px}.info-icon{font-size:1.5rem}}
.app{background-color:var(--bg-white);min-height:100vh;color:var(--text-dark);flex-direction:column;transition:background-color .3s,color .3s;display:flex}
.content{flex:1}
.container{width:100%;max-width:1200px;margin:0 auto}