/* SharkMedia visual parity layer — restores the proven Genial visual language while keeping the clean plugin architecture. */

:root{
  --sm-primary:#ffb400;
  --sm-dark:#080808;
  --sm-bg:#f4f2ed;
  --sm-white:#fff;
  --sm-muted:#666;
}

html{scroll-behavior:smooth}
body{background:var(--sm-bg)!important;color:var(--sm-dark)}
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* ========== HEADER / NAV ========== */
.sm-header{overflow:visible!important;background:rgba(8,8,8,.985)!important;border-top:2px solid var(--sm-primary)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 14px 44px rgba(0,0,0,.28)!important}
.sm-header__inner{min-height:96px!important}
.sm-logo img{max-width:158px!important;max-height:94px!important}
.sm-nav{overflow:visible!important;position:relative!important;gap:34px!important}
.sm-nav__item{position:relative!important;display:flex!important;align-items:center!important}
.sm-nav__link{display:flex!important;align-items:center!important;gap:8px!important;padding:31px 0!important;color:rgba(255,255,255,.72)!important;background:transparent!important;border:0!important;border-radius:0!important;font-size:15px!important;line-height:1!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-decoration:none!important;transition:color .18s ease!important}
.sm-nav__item:hover>.sm-nav__link,.sm-nav__item:focus-within>.sm-nav__link,.sm-nav__link.is-current{color:var(--sm-primary)!important;background:transparent!important}
.sm-nav__caret{width:0!important;height:0!important;border-left:4px solid transparent!important;border-right:4px solid transparent!important;border-top:5px solid currentColor!important;font-size:0!important;opacity:1!important}
.sm-nav__item--products::after{content:"";position:absolute;left:-50px;right:-50px;top:100%;height:24px;background:transparent;display:block}
.sm-nav__dropdown{position:absolute!important;top:calc(100% + 2px)!important;left:50%!important;transform:translateX(-50%) translateY(8px)!important;min-width:420px!important;max-width:560px!important;background:#fff!important;border:1px solid rgba(8,8,8,.10)!important;border-radius:28px!important;box-shadow:0 28px 80px rgba(0,0,0,.25)!important;padding:22px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .16s ease,visibility .16s ease,transform .16s ease!important;z-index:100000!important}
.sm-nav__item:hover>.sm-nav__dropdown,.sm-nav__item:focus-within>.sm-nav__dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0)!important}
.sm-nav__dropdown a{display:block!important;padding:14px 16px!important;margin:0!important;border-radius:15px!important;color:#080808!important;background:transparent!important;font-size:20px!important;line-height:1.08!important;font-weight:950!important;letter-spacing:-.035em!important;text-transform:none!important;text-decoration:none!important;transition:background .15s ease,color .15s ease!important}
.sm-nav__dropdown a:hover,.sm-nav__dropdown a:focus{background:#f4f2ed!important;color:#080808!important}
.sm-nav__dropdown-title{display:block;padding:8px 16px 12px;color:#8b8b8b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}

.sm-cart,.sm-cta{transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.sm-cart{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important}
.sm-cart:hover,.sm-cart:focus{background:#fff!important;border-color:#fff!important;color:#080808!important;transform:translateY(-2px)!important}
.sm-cta{background:var(--sm-primary)!important;color:var(--sm-dark)!important;box-shadow:0 16px 34px rgba(255,180,0,.22)!important}
.sm-cta:hover,.sm-cta:focus{background:#ffc332!important;color:#080808!important;transform:translateY(-2px)!important;box-shadow:0 20px 42px rgba(255,180,0,.30)!important}

button.sm-menu-toggle{display:none!important;width:46px!important;height:46px!important;padding:0!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important}
button.sm-menu-toggle:hover,button.sm-menu-toggle:focus{background:rgba(255,255,255,.14)!important;color:#fff!important}
button.sm-menu-toggle span{display:block!important;width:18px!important;height:2px!important;background:#fff!important}
.sm-mobile-menu[hidden]{display:none!important}
@media(min-width:901px){.sm-mobile-menu{display:none!important}.sm-menu-toggle{display:none!important}}
@media(max-width:900px){.sm-nav,.sm-header .sm-cta{display:none!important}button.sm-menu-toggle{display:flex!important}.sm-mobile-menu:not([hidden]){display:block!important}.sm-mobile-menu a{background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.84)!important}.sm-mobile-menu a:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}.sm-mobile-menu__cta{background:var(--sm-primary)!important;color:#080808!important}}

/* ========== HOME ========== */
.sm-home{background:var(--sm-bg)!important}
.sm-home-hero{min-height:650px!important;background:linear-gradient(90deg,rgba(8,8,8,.78),rgba(8,8,8,.46),rgba(8,8,8,.80)),var(--sm-hero-image)!important;background-size:cover!important;background-position:center!important}
.sm-home .sm-home-hero__inner{min-height:650px!important;padding:110px 0 100px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.sm-home-hero__eyebrow{display:inline-flex!important;margin:0 auto 18px!important;padding:8px 13px!important;background:var(--sm-primary)!important;color:#080808!important;border:0!important;border-radius:999px!important;font-size:10px!important;line-height:1!important;font-weight:950!important;letter-spacing:.075em!important;text-transform:uppercase!important}
.sm-home .sm-home-hero__title{width:min(100%,980px)!important;max-width:980px!important;margin:0 auto!important;color:#fff!important;font-size:clamp(58px,7vw,104px)!important;font-weight:950!important;line-height:.88!important;letter-spacing:-.075em!important;text-align:center!important;text-transform:uppercase!important;text-shadow:0 4px 24px rgba(0,0,0,.18)!important}
.sm-home .sm-home-hero__copy{width:min(100%,720px)!important;max-width:720px!important;margin:26px auto 0!important;color:rgba(255,255,255,.84)!important;font-size:18px!important;line-height:1.55!important;font-weight:650!important;text-align:center!important}
.sm-home .sm-home-actions{display:flex!important;justify-content:center!important;margin:30px auto 0!important}
.sm-home .sm-home-hero__cta{min-height:50px!important;margin:0!important;padding:0 25px!important;background:var(--sm-primary)!important;color:#080808!important;box-shadow:0 18px 38px rgba(255,180,0,.24)!important}
.sm-home .sm-home-hero__cta:hover{background:#ffc332!important;color:#080808!important;transform:translateY(-2px)!important}

.sm-home-section{padding:88px 0!important}
.sm-section-head{text-align:center!important}
.sm-section-head .sm-eyebrow{margin-inline:auto!important}
.sm-section-head h2{color:#080808!important}
.sm-home-category{background:#fff!important;color:#080808!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:24px!important;box-shadow:0 18px 55px rgba(0,0,0,.08)!important;transition:transform .22s ease,box-shadow .22s ease!important}
.sm-home-category:hover{transform:translateY(-4px)!important;box-shadow:0 26px 75px rgba(0,0,0,.13)!important;color:#080808!important}
.sm-home-category h3,.sm-home-category p,.sm-home-category span{color:#080808!important}
.sm-home-category p{color:#666!important}
.sm-home-final__card{background:radial-gradient(circle at 80% 0%,rgba(255,180,0,.18),transparent 30%),#101010!important;color:#fff!important}
.sm-home-final__card h2{color:#fff!important}.sm-home-final__card p{color:rgba(255,255,255,.72)!important}

/* ========== PORTFOLIO / CAMPAIGNS ========== */
.sm-portfolio,.sm-campaigns{color:#080808!important}
.sm-portfolio button,.sm-campaigns button{color:inherit}
.sm-portfolio-filters button{background:#080808!important;color:#fff!important;border:0!important}
.sm-portfolio-filters button:hover,.sm-portfolio-filters button.is-active{background:var(--sm-primary)!important;color:#080808!important}
.sm-portfolio-item{background:#080808!important;color:#fff!important;border:0!important;overflow:hidden!important}
.sm-portfolio-item:hover{background:#080808!important;color:#fff!important;transform:translateY(-2px)!important}
.sm-campaign-card{background:#fff!important;color:#080808!important}
.sm-campaign-card h3,.sm-campaign-card p,.sm-campaign-card strong{color:#080808!important}
.sm-campaign-card a,.sm-campaign-card .button{background:#080808!important;color:#fff!important}
.sm-campaign-card a:hover,.sm-campaign-card .button:hover{background:var(--sm-primary)!important;color:#080808!important}

/* ========== FOOTER ========== */
.sm-footer{background:radial-gradient(circle at 20% 0%,rgba(255,180,0,.15),transparent 34%),#080808!important;color:#fff!important;padding:70px 0 28px!important;border-top:2px solid var(--sm-primary)!important}
.sm-footer h3,.sm-footer strong{color:#fff!important}.sm-footer p{color:rgba(255,255,255,.66)!important}.sm-footer a{color:rgba(255,255,255,.70)!important}.sm-footer a:hover{color:var(--sm-primary)!important}.sm-footer__bottom{color:rgba(255,255,255,.50)!important}

/* ========== SHARED BUTTONS / HOVERS ========== */
.sm-button{background:var(--sm-primary)!important;color:#080808!important;border:0!important;text-decoration:none!important;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important}
.sm-button:hover,.sm-button:focus{background:#ffc332!important;color:#080808!important;transform:translateY(-2px)!important}
.sm-page a,.sm-home a{text-decoration:none}

/* ========== PAGE CARDS / FORMS ========== */
.sm-page{background:radial-gradient(circle at 8% 18%,rgba(255,180,0,.10),transparent 24%),radial-gradient(circle at 92% 72%,rgba(255,180,0,.08),transparent 26%),var(--sm-bg)!important;color:#080808!important}
.sm-page-hero{background:radial-gradient(circle at 86% 12%,rgba(255,180,0,.34),transparent 30%),linear-gradient(135deg,rgba(8,8,8,.98) 0%,rgba(8,8,8,.94) 52%,rgba(20,15,3,.98) 100%)!important;color:#fff!important}
.sm-page-hero h1{color:#fff!important}.sm-page-hero p{color:rgba(255,255,255,.72)!important}
.sm-card{background:#fff!important;color:#080808!important;border-left:6px solid var(--sm-primary)!important}
.sm-card h1,.sm-card h2,.sm-card h3{color:#080808!important}.sm-card p{color:#666!important}
.sm-form input,.sm-form select,.sm-form textarea{background:#fff!important;color:#111!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:none!important}
.sm-form input:focus,.sm-form select:focus,.sm-form textarea:focus{border-color:var(--sm-primary)!important;box-shadow:0 0 0 4px rgba(255,180,0,.16)!important;outline:0!important}

/* ========== QUOTE CONFIGURATOR ========== */
.single-product .sm-quote{background:#fff!important;color:#111!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:28px!important;box-shadow:0 22px 60px rgba(0,0,0,.08)!important}
.single-product .sm-quote__header{background:linear-gradient(180deg,#fffaf0 0%,#fff 100%)!important;color:#111!important}
.single-product .sm-quote__header span{background:var(--sm-primary)!important;color:#080808!important}.single-product .sm-quote__header strong{color:#080808!important}
.single-product .sm-quote__field>span,.single-product .sm-quote__upload label{color:#1a1a1a!important}
.single-product .sm-quote__field select,.single-product .sm-quote__field input{background:#f7f7f5!important;color:#111!important;border:1px solid rgba(0,0,0,.12)!important}
.single-product .sm-quote__field select:focus,.single-product .sm-quote__field input:focus{background:#fff!important;border-color:var(--sm-primary)!important;box-shadow:0 0 0 4px rgba(255,180,0,.16)!important;outline:0!important}
.single-product .sm-quote__price{background:linear-gradient(135deg,#fff4c8 0%,#fff 70%)!important;border:1px solid rgba(255,180,0,.42)!important;color:#101010!important}
.single-product .sm-quote__price strong{color:#101010!important}.single-product .sm-quote__price span,.single-product .sm-quote__price small{color:#775f00!important}
.single-product form.cart .single_add_to_cart_button{background:var(--sm-primary)!important;color:#080808!important;border:0!important;box-shadow:0 14px 34px rgba(255,180,0,.18)!important}
.single-product form.cart .single_add_to_cart_button:hover{background:#ffc332!important;color:#080808!important;transform:translateY(-2px)!important}

/* ========== WOOCOMMERCE / CART / CHECKOUT ========== */
.woocommerce,.woocommerce-page{color:#080808!important}
.woocommerce a{color:#080808}
.woocommerce a:hover{color:#080808}
.woocommerce .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:#080808!important;color:#fff!important;border:0!important;border-radius:999px!important;font-weight:900!important;box-shadow:none!important;text-decoration:none!important;transition:transform .18s ease,background .18s ease,color .18s ease!important}
.woocommerce .button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover{background:var(--sm-primary)!important;color:#080808!important;transform:translateY(-1px)!important}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-checkout #place_order{background:var(--sm-primary)!important;color:#080808!important;box-shadow:0 14px 34px rgba(255,180,0,.18)!important}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,.woocommerce-checkout #place_order:hover{background:#ffc332!important;color:#080808!important}
.woocommerce table.shop_table{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 16px 50px rgba(0,0,0,.06)!important}
.woocommerce table.shop_table th{background:#f7f5ef!important;color:#080808!important}.woocommerce table.shop_table td{color:#222!important;border-color:rgba(0,0,0,.06)!important}
.woocommerce .cart_totals,.woocommerce .woocommerce-checkout-review-order,.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:22px!important;padding:24px!important;box-shadow:0 16px 50px rgba(0,0,0,.06)!important}
.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{background:#fff!important;color:#111!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:14px!important;min-height:46px!important;box-shadow:none!important}
.woocommerce input.input-text:focus,.woocommerce textarea:focus,.woocommerce select:focus{border-color:var(--sm-primary)!important;box-shadow:0 0 0 4px rgba(255,180,0,.14)!important;outline:0!important}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:#fff!important;color:#111!important;border-radius:16px!important;border-top:0!important;border-left:5px solid var(--sm-primary)!important;box-shadow:0 12px 34px rgba(0,0,0,.06)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--sm-primary)!important}.woocommerce-error{border-left-color:#c62828!important}
.woocommerce-cart .cart-collaterals h2,.woocommerce-checkout h3{color:#080808!important}
.woocommerce .quantity .qty{background:#fff!important;color:#111!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:12px!important;min-height:44px!important}

@media(max-width:900px){
  .sm-header__inner{min-height:80px!important}
  .sm-home-hero,.sm-home .sm-home-hero__inner{min-height:570px!important}
  .sm-home .sm-home-hero__inner{padding:82px 0 72px!important}
  .sm-home .sm-home-hero__title{font-size:clamp(44px,12vw,70px)!important}
  .sm-home .sm-home-hero__copy{font-size:16px!important}
}
@media(max-width:520px){
  .sm-home-hero,.sm-home .sm-home-hero__inner{min-height:520px!important}
  .sm-home .sm-home-hero__inner{padding:68px 0 62px!important}
  .sm-home .sm-home-hero__title{font-size:clamp(38px,12vw,54px)!important;line-height:.92!important}
}
