/*
Theme Name: Sankaramangalam Family Marketplace
Author: MediaGFX
Description: Responsive family marketplace theme for Sankaramangalam Family Association. WooCommerce-ready.
Version: 3.0.1
Text Domain: skm-marketplace
*/
:root{--brown:#176b3b;--dark:#14552f;--gold:#d93645;--cream:#f3faf3;--green:#168044;--muted:#66756a}
*{box-sizing:border-box}body{margin:0;color:#303129;font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}
.topline{background:#14552f;color:#ffffff;font-size:12px;padding:7px 0}.topline .wrap{display:flex;justify-content:space-between}
.site-header{background:#fff;position:sticky;top:0;z-index:99;box-shadow:0 4px 22px #46351a0c}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.custom-logo{max-height:65px;width:auto}.brand{color:var(--brown);font-weight:800;font-size:21px}.main-nav ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}.main-nav a{font-size:14px;font-weight:600}.sell-button,.button{display:inline-block;padding:11px 18px;border-radius:7px;font-weight:700;font-size:14px}.sell-button{border:1px solid #cfe3d2;color:var(--brown)}.menu-toggle{display:none}
.hero{background:linear-gradient(110deg,#f1f8f1,#e5f2e6)}.hero-grid{min-height:460px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#d93645}.hero h1{font:700 clamp(42px,5.2vw,67px)/1.08 Georgia,serif;color:var(--dark);margin:18px 0}.hero h1 em{color:#d93645}.hero p{max-width:480px;color:#5f6f63;font-size:17px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:26px}.button-primary{background:var(--green);color:white}.text-link{font-size:14px;font-weight:700;color:var(--brown)}.hero-note{margin-top:28px;color:#6b7c70;font-size:12px}.hero-art{height:350px;display:grid;place-items:center;position:relative}.orb{position:absolute;border-radius:50%;width:300px;height:300px;background:#dcefe0}.orb:after{content:'';position:absolute;inset:28px;border:1px solid #168044;border-radius:50%}.emoji-art{z-index:1;text-align:center;font-size:66px}.emoji-art small{display:block;font-size:30px}.float-card{position:absolute;right:0;bottom:30px;background:white;padding:13px 18px;border-radius:9px;box-shadow:0 12px 30px #14552f20;color:var(--brown);font-weight:700;transform:rotate(-3deg)}
.trust{border-bottom:1px solid #dce9dd}.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:19px 0;gap:12px}.trust span{text-align:center;font-size:13px;font-weight:600;color:#526657}.section{padding:70px 0}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.heading h2,.seller h2{font:700 35px/1.2 Georgia,serif;color:var(--dark);margin:8px 0}.heading p{margin:0;color:var(--muted);font-size:14px}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.cat{padding:24px;border-radius:12px;min-height:175px;display:flex;flex-direction:column;justify-content:center;transition:.2s}.cat:hover{transform:translateY(-4px);box-shadow:0 12px 25px #49351a12}.cat span{font-size:36px}.cat b{font:700 18px Georgia;color:#14552f}.cat small{color:#777064}.c1{background:#e8f5e9}.c2{background:#fff0f0}.c3{background:#edf6ee}.c4{background:#fff1f1}.latest{background:#f7fbf7}.products ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:white;border:1px solid #dce9dd;border-radius:10px;padding:12px!important}.woocommerce ul.products li.product img{border-radius:7px;aspect-ratio:1;object-fit:cover}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:700 17px Georgia!important;color:var(--dark)}.woocommerce ul.products li.product .price{color:var(--green)!important;font-weight:700}.woocommerce a.button,.woocommerce button.button{background:var(--green)!important;color:#fff!important;border-radius:6px!important}.empty{text-align:center;background:#fff;border:1px dashed #cfe3d2;border-radius:12px;padding:45px 15px}.empty span{font-size:42px}.seller{background:var(--green);color:white;padding:52px 0}.seller .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.seller .eyebrow{color:#e2c99e}.seller h2{color:#fff}.seller p{color:#e1e9df}.button-light{background:#fff0f0;color:#b42332}.footer{background:#104d2a;color:#e9f5eb;padding:42px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:40px;padding-bottom:30px}.footer h3{color:#ffdfe2;font:700 17px Georgia}.footer p,.footer a{color:#c9ddce;font-size:13px}.footer a{display:block;margin:7px 0}.copyright{text-align:center;border-top:1px solid #ffffff20;padding:14px;font-size:11px;color:#c0d8c5}.content{padding:50px 0;min-height:50vh}.content h1{font:700 38px Georgia;color:var(--dark)}
@media(max-width:850px){.main-nav{display:none;position:absolute;top:86px;left:0;right:0;background:white;padding:18px 24px;box-shadow:0 10px 20px #0001}.menu-open .main-nav{display:block}.main-nav ul{display:block}.main-nav li{padding:9px}.menu-toggle{display:block;margin-left:auto;border:0;background:none;font-size:24px}.hero-grid{grid-template-columns:1fr .8fr}.cats{grid-template-columns:repeat(2,1fr)}.products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.topline .wrap span+span{display:none}.header-inner{height:72px}.custom-logo{max-height:50px;max-width:200px}.main-nav{top:72px}.sell-button{padding:9px 11px;font-size:12px}.hero-grid{display:block;padding:45px 0 25px}.hero h1{font-size:45px}.hero p{font-size:15px}.hero-art{height:230px;transform:scale(.78)}.orb{width:260px;height:260px}.trust .wrap{grid-template-columns:repeat(2,1fr)}.trust span{font-size:12px}.section{padding:48px 0}.heading{display:block}.heading h2,.seller h2{font-size:29px}.heading .text-link{display:inline-block;margin-top:12px}.cats{gap:10px}.cat{padding:16px;min-height:150px}.cat b{font-size:16px}.products ul.products{gap:10px!important}.woocommerce ul.products li.product{padding:8px!important}.seller .wrap{display:block}.seller .button{margin-top:15px}.footer-grid{grid-template-columns:1fr;gap:15px}}

/* Green and red brand palette */
:root{--brown:#176b3b;--dark:#14552f;--gold:#d93645;--cream:#f3faf3;--green:#168044;--muted:#66756a}
.topline{background:#14552f!important;color:#fff!important}
.brand,.brand a,.main-nav a,.text-link{color:#176b3b}
.sell-button{border-color:#d93645;color:#176b3b}
.sell-button:hover{background:#d93645;color:#fff}
.hero{background:linear-gradient(110deg,#f1f8f1,#e5f2e6)}
.hero h1 em,.eyebrow{color:#d93645}
.button-primary,.woocommerce a.button,.woocommerce button.button{background:#168044!important;color:#fff!important}
.button-primary:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#105e33!important}
.float-card{color:#176b3b;border-left:4px solid #d93645}
.heading h2,.seller h2,.content h1{color:#14552f}
.cat b{color:#14552f}
.cat.c2,.cat.c4{background:#fff0f0}
.woocommerce ul.products li.product .price{color:#d93645!important}
.seller{background:#168044!important}
.seller .eyebrow{color:#ffe0e2}
.button-light{background:#d93645;color:#fff}
.footer{background:#104d2a!important;color:#e9f5eb}
.footer h3{color:#ffdfe2}
.footer p,.footer a{color:#d3e7d6}
@media(max-width:850px){.main-nav{background:#fff;border-top:3px solid #168044}}
@media(max-width:600px){.hero h1{font-size:clamp(35px,10vw,45px)}.header-inner{gap:10px}}

/* Marketplace application page styling */
.skm-market-app{max-width:1160px;margin:30px auto;padding:0 18px}
.skm-app-card{background:#fff;border:1px solid #dce9dd;border-top:5px solid #168044;border-radius:14px;padding:clamp(18px,3vw,32px);box-shadow:0 10px 30px #14552f12}
.skm-app-card h2{color:#14552f}
.skm-app-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.skm-app-form label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#14552f}
.skm-app-form label:nth-of-type(4),.skm-app-form label:nth-of-type(5),.skm-app-form label:nth-of-type(6){grid-column:1/-1}
.skm-app-form input,.skm-app-form select,.skm-app-form textarea{width:100%;padding:12px;border:1px solid #cfe3d2;border-radius:8px;font:inherit}
.skm-app-form input:focus,.skm-app-form select:focus,.skm-app-form textarea:focus{outline:2px solid #168044}
.skm-app-button{background:#168044!important;color:#fff!important;border:0;border-radius:8px;padding:12px 18px;font-weight:700;cursor:pointer}
.skm-app-notice{background:#fff0f0;border-left:4px solid #d93645;padding:14px;margin:16px 0}
.skm-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.skm-market-item{border:1px solid #dce9dd;border-radius:12px;overflow:hidden;background:#fff}
.skm-market-image{display:block;height:220px;background:#eff7ef}
.skm-market-image img{width:100%;height:100%;object-fit:cover}
.skm-market-info{padding:16px}.skm-market-info h3{color:#14552f}.skm-market-price{color:#d93645;font-weight:800}
.skm-whatsapp{display:inline-block;background:#168044;color:white!important;padding:10px 14px;border-radius:7px}
@media(max-width:850px){.skm-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.skm-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skm-market-image{height:150px}.skm-app-form{grid-template-columns:1fr}.skm-app-form label{grid-column:1/-1}.skm-market-info{padding:11px}.skm-market-info h3{font-size:16px}}
@media(max-width:360px){.skm-market-grid{grid-template-columns:1fr}}

/* Marketplace logo in header and footer */
.skm-brand-logo{display:inline-flex;align-items:center;max-width:290px}.skm-brand-logo img{display:block;width:100%;height:auto;max-height:76px;object-fit:contain}.skm-footer-logo{display:inline-flex;max-width:300px;margin:0 0 16px}.skm-footer-logo img{display:block;width:100%;height:auto;max-height:100px;object-fit:contain}.brand{min-width:0}.footer-brand{min-width:0}@media(max-width:700px){.skm-brand-logo{max-width:205px}.skm-brand-logo img{max-height:58px}.skm-footer-logo{max-width:240px}}

/* v2.3: Keep the marketplace logo contained in the header/footer */
.site-header .header-inner .brand{flex:0 1 300px;min-width:0;max-width:300px;overflow:hidden;line-height:0}
.site-header .header-inner a.skm-brand-logo{display:block!important;width:100%!important;max-width:300px!important;height:72px!important;max-height:72px!important;overflow:hidden!important;line-height:0}
.site-header .header-inner a.skm-brand-logo img{display:block!important;width:100%!important;max-width:300px!important;height:72px!important;max-height:72px!important;object-fit:contain!important;object-position:left center!important}
.site-footer .skm-footer-logo{display:inline-block!important;width:280px!important;max-width:100%!important;height:auto!important;overflow:hidden}
.site-footer .skm-footer-logo img{display:block!important;width:100%!important;max-width:280px!important;height:auto!important;max-height:90px!important;object-fit:contain!important}
@media(max-width:700px){.site-header .header-inner .brand{flex-basis:190px;max-width:190px}.site-header .header-inner a.skm-brand-logo{width:190px!important;max-width:190px!important;height:55px!important;max-height:55px!important}.site-header .header-inner a.skm-brand-logo img{width:190px!important;max-width:190px!important;height:55px!important;max-height:55px!important}.site-footer .skm-footer-logo{width:220px!important}.site-footer .skm-footer-logo img{max-width:220px!important;max-height:75px!important}}
/* v2.4: Use the compact supplied logo in the header */
.site-header .header-inner .brand{flex:0 1 245px;max-width:245px;min-width:0}
.site-header .header-inner a.skm-brand-logo{width:245px!important;max-width:245px!important;height:62px!important;max-height:62px!important;overflow:hidden!important}
.site-header .header-inner a.skm-brand-logo img{width:100%!important;max-width:245px!important;height:62px!important;max-height:62px!important;object-fit:contain!important;object-position:left center!important}
@media(max-width:700px){.site-header .header-inner .brand{flex-basis:165px;max-width:165px}.site-header .header-inner a.skm-brand-logo{width:165px!important;max-width:165px!important;height:48px!important;max-height:48px!important}.site-header .header-inner a.skm-brand-logo img{width:165px!important;max-width:165px!important;height:48px!important;max-height:48px!important}}

/* v2.5: strict logo sizing; footer uses .footer class (not .site-footer) */
.site-header .header-inner .brand{flex:0 1 210px!important;width:210px!important;max-width:210px!important;min-width:0!important;overflow:hidden!important;line-height:0!important}
.site-header .header-inner a.skm-brand-logo{display:block!important;width:210px!important;max-width:210px!important;height:54px!important;max-height:54px!important;overflow:hidden!important;line-height:0!important}
.site-header .header-inner a.skm-brand-logo img{display:block!important;width:210px!important;max-width:210px!important;height:54px!important;max-height:54px!important;object-fit:contain!important;object-position:left center!important}
.footer .footer-brand{min-width:0!important;overflow:hidden!important}
.footer .skm-footer-logo{display:block!important;width:220px!important;max-width:100%!important;height:70px!important;max-height:70px!important;margin:0 0 16px!important;overflow:hidden!important}
.footer .skm-footer-logo img{display:block!important;width:220px!important;max-width:100%!important;height:70px!important;max-height:70px!important;object-fit:contain!important;object-position:left center!important}
@media(max-width:700px){.site-header .header-inner .brand{flex-basis:150px!important;width:150px!important;max-width:150px!important}.site-header .header-inner a.skm-brand-logo{width:150px!important;max-width:150px!important;height:46px!important;max-height:46px!important}.site-header .header-inner a.skm-brand-logo img{width:150px!important;max-width:150px!important;height:46px!important;max-height:46px!important}.footer .skm-footer-logo{width:190px!important;height:60px!important}.footer .skm-footer-logo img{width:190px!important;height:60px!important}}

/* v2.6: compact logo dimensions in both header and footer */
.site-header .header-inner .brand{flex:0 0 145px!important;width:145px!important;max-width:145px!important;min-width:0!important;overflow:hidden!important;line-height:0!important}
.site-header .header-inner a.skm-brand-logo{display:block!important;width:145px!important;max-width:145px!important;height:42px!important;max-height:42px!important;overflow:hidden!important;line-height:0!important}
.site-header .header-inner a.skm-brand-logo img{display:block!important;width:145px!important;max-width:145px!important;height:42px!important;max-height:42px!important;object-fit:contain!important;object-position:left center!important}
.footer .footer-brand{min-width:0!important;overflow:hidden!important}
.footer .skm-footer-logo{display:block!important;width:170px!important;max-width:100%!important;height:52px!important;max-height:52px!important;margin:0 0 14px!important;overflow:hidden!important}
.footer .skm-footer-logo img{display:block!important;width:170px!important;max-width:100%!important;height:52px!important;max-height:52px!important;object-fit:contain!important;object-position:left center!important}
@media(max-width:700px){.site-header .header-inner .brand{flex:0 0 112px!important;width:112px!important;max-width:112px!important}.site-header .header-inner a.skm-brand-logo{width:112px!important;max-width:112px!important;height:36px!important;max-height:36px!important}.site-header .header-inner a.skm-brand-logo img{width:112px!important;max-width:112px!important;height:36px!important;max-height:36px!important}.footer .skm-footer-logo{width:145px!important;height:45px!important}.footer .skm-footer-logo img{width:145px!important;height:45px!important}}

/* v2.7: Use the supplied hosted logo and strictly constrain header/footer dimensions */
.site-header .header-inner .brand{flex:0 0 150px!important;width:150px!important;max-width:150px!important;min-width:0!important;overflow:hidden!important}
.site-header .header-inner a.skm-brand-logo{display:flex!important;align-items:center!important;width:150px!important;max-width:150px!important;height:46px!important;max-height:46px!important;overflow:hidden!important}
.site-header .header-inner a.skm-brand-logo img{display:block!important;width:150px!important;max-width:150px!important;height:46px!important;max-height:46px!important;object-fit:contain!important;object-position:left center!important}
.footer .footer-brand{min-width:0!important;overflow:hidden!important}
.footer .skm-footer-logo{display:inline-flex!important;align-items:center!important;width:180px!important;max-width:100%!important;height:55px!important;max-height:55px!important;overflow:hidden!important}
.footer .skm-footer-logo img{display:block!important;width:180px!important;max-width:180px!important;height:55px!important;max-height:55px!important;object-fit:contain!important;object-position:left center!important}
@media(max-width:700px){.site-header .header-inner .brand{flex:0 0 112px!important;width:112px!important;max-width:112px!important}.site-header .header-inner a.skm-brand-logo{width:112px!important;max-width:112px!important;height:38px!important;max-height:38px!important}.site-header .header-inner a.skm-brand-logo img{width:112px!important;max-width:112px!important;height:38px!important;max-height:38px!important}.footer .skm-footer-logo,.footer .skm-footer-logo img{width:150px!important;max-width:150px!important;height:46px!important;max-height:46px!important}}

/* v2.8: enlarge the actual header logo while preserving header layout */
.site-header .header-inner .brand{flex:0 0 230px!important;width:230px!important;max-width:230px!important;min-width:230px!important;overflow:visible!important;line-height:0!important}
.site-header .header-inner a.skm-brand-logo{display:flex!important;align-items:center!important;width:230px!important;max-width:230px!important;height:76px!important;max-height:76px!important;overflow:visible!important}
.site-header .header-inner a.skm-brand-logo img{display:block!important;width:230px!important;min-width:230px!important;max-width:230px!important;height:76px!important;max-height:76px!important;object-fit:contain!important;object-position:left center!important}
@media(max-width:700px){.site-header .header-inner .brand{flex:0 0 175px!important;width:175px!important;max-width:175px!important;min-width:175px!important}.site-header .header-inner a.skm-brand-logo,.site-header .header-inner a.skm-brand-logo img{width:175px!important;max-width:175px!important;min-width:175px!important;height:58px!important;max-height:58px!important}}

/* v2.9: target the actual custom header logo markup */
.site-header .header-inner .brand { flex: 0 0 240px !important; width: 240px !important; min-width: 0 !important; }
.site-header .header-inner .brand .skm-brand-logo { display: block !important; width: 240px !important; max-width: 240px !important; height: auto !important; overflow: visible !important; }
.site-header .header-inner .brand .skm-brand-logo img { display: block !important; width: 240px !important; max-width: 240px !important; height: auto !important; max-height: none !important; object-fit: contain !important; }
@media (max-width: 850px) {
 .site-header .header-inner .brand { flex-basis: 190px !important; width: 190px !important; }
 .site-header .header-inner .brand .skm-brand-logo,
 .site-header .header-inner .brand .skm-brand-logo img { width: 190px !important; max-width: 190px !important; }
}
@media (max-width: 600px) {
 .site-header .header-inner .brand { flex-basis: 155px !important; width: 155px !important; }
 .site-header .header-inner .brand .skm-brand-logo,
 .site-header .header-inner .brand .skm-brand-logo img { width: 155px !important; max-width: 155px !important; }
}

/* Compact editable homepage image slider — image element for reliable live rendering */
.skm-home-slider{position:relative;height:230px;overflow:hidden;background:#e8f3e9;border-bottom:1px solid #e2eee4}
.skm-slider-track,.skm-slide{height:100%;width:100%}
.skm-slide{display:none;position:relative;align-items:center;isolation:isolate}
.skm-slide.is-active{display:flex;animation:skmFade .45s ease}
.skm-slide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.skm-slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.72) 38%,rgba(255,255,255,.02) 75%);z-index:-1}
.skm-slide-copy{width:min(1180px,90%);margin:0 auto;padding:20px 0}
.skm-slide-copy h2{font-size:clamp(25px,3.2vw,42px);line-height:1.08;color:#145b35;max-width:520px;margin:0 0 8px;font-weight:800}
.skm-slide-copy p{color:#365846;font-size:15px;margin:0 0 14px}
.skm-slide-copy a{display:inline-block;background:#147a46;color:#fff!important;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:700}
.skm-slider-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.skm-slider-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #278451;cursor:pointer}
.skm-slider-dots button.active{background:#147a46}
.skm-home-slider.single-slide .skm-slider-dots{display:none}
@keyframes skmFade{from{opacity:.65}to{opacity:1}}
@media(max-width:700px){.skm-home-slider{height:175px}.skm-slide-image{object-position:center}.skm-slide-copy{width:88%;padding:12px 0}.skm-slide-copy h2{font-size:25px;max-width:75%}.skm-slide-copy p{font-size:12px;max-width:70%;margin-bottom:8px}.skm-slide-copy a{font-size:12px;padding:8px 12px}}to{opacity:1}}
@media(max-width:700px){.skm-home-slider{height:175px}.skm-slide{background-position:center}.skm-slide-copy{width:88%;padding:12px 0}.skm-slide-copy h2{font-size:25px;max-width:75%}.skm-slide-copy p{font-size:12px;max-width:70%;margin-bottom:8px}.skm-slide-copy a{font-size:12px;padding:8px 12px}}