/* Barkat Theme 3D look: raised buttons, lifted pictures and boxes.
   Only where you choose: Elementor > any element > Advanced > "Barkat 3D look" (class bk-raise-yes), or the CSS class bk-raise.
   Customizer > Barkat > 3D and effects > "Shop buttons and cards too" adds WooCommerce buttons, product cards and the header.
   Plain buttons of other plugins and of the Elementor editor are never touched.
   Variables: --bkt-depth (0.1-1), --bkt-r. Works with Swatches' .bk3d (sun shadows, tilt) and .bk3 building blocks. */
.bkt-fx3d{--bkt-r:14px;--bkt-depth:.6}

/* ---- buttons ---- */
.bkt-fx3d .bk-raise:is(a,button,.button,input[type=submit]),
.bkt-fx3d .bk-raise-yes :is(.elementor-button,button,.button,.wp-block-button__link,input[type=submit]),
.bkt-fx3d .bk-raise :is(.elementor-button,.wp-block-button__link),
.bkt-fx3d-shop :is(.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.single_add_to_cart_button,.wc-block-components-button,.bkt-btn){
 border-radius:calc(var(--bkt-r)*.7);position:relative;
 background-image:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 55%,rgba(0,0,0,.12));
 box-shadow:0 calc(2px + 4px*var(--bkt-depth)) 0 color-mix(in srgb,var(--bk-accent) 55%,#000),0 calc(6px + 10px*var(--bkt-depth)) calc(10px + 12px*var(--bkt-depth)) rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.45);
 transition:transform .12s ease,box-shadow .12s ease}
.bkt-fx3d .bk-raise:is(a,button,.button,input[type=submit]):hover,
.bkt-fx3d .bk-raise-yes :is(.elementor-button,button,.button,.wp-block-button__link,input[type=submit]):hover,
.bkt-fx3d .bk-raise :is(.elementor-button,.wp-block-button__link):hover,
.bkt-fx3d-shop :is(.woocommerce a.button,.woocommerce button.button,.single_add_to_cart_button,.bkt-btn):hover{transform:translateY(-2px)}
.bkt-fx3d .bk-raise:is(a,button,.button,input[type=submit]):active,
.bkt-fx3d .bk-raise-yes :is(.elementor-button,button,.button,.wp-block-button__link,input[type=submit]):active,
.bkt-fx3d .bk-raise :is(.elementor-button,.wp-block-button__link):active,
.bkt-fx3d-shop :is(.woocommerce a.button,.woocommerce button.button,.single_add_to_cart_button,.bkt-btn):active{transform:translateY(calc(2px + 3px*var(--bkt-depth)));box-shadow:0 1px 0 color-mix(in srgb,var(--bk-accent) 55%,#000),0 2px 6px rgba(0,0,0,.25),inset 0 2px 4px rgba(0,0,0,.2)}

/* ---- boxes and cards ---- */
.bkt-fx3d .bk-raise:not(a):not(button):not(img):not(.button):not(input):not(.wp-block-button):not(.wp-block-image),
.bkt-fx3d .elementor-widget.bk-raise-yes:not(.elementor-widget-button):not(.elementor-widget-image),
.bkt-fx3d :is(.e-con,.elementor-section).bk-raise-yes,
.bkt-fx3d .elementor-column.bk-raise-yes>.elementor-widget-wrap,
.bkt-fx3d-shop :is(.bkt-card,.woocommerce ul.products li.product,.wc-block-grid__product,.bkt-widget){
 border-radius:var(--bkt-r);
 box-shadow:0 calc(1px + 6px*var(--bkt-depth)) calc(6px + 22px*var(--bkt-depth)) rgba(0,0,0,calc(.10 + .18*var(--bkt-depth))),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.06);
 transition:transform .25s ease,box-shadow .25s ease}
.bkt-fx3d-shop :is(.bkt-card,.woocommerce ul.products li.product,.wc-block-grid__product,.bkt-widget){border:1px solid var(--bk-border);background:linear-gradient(160deg,color-mix(in srgb,var(--bk-surface) 88%,#fff),var(--bk-surface))}
.bkt-fx3d .elementor-widget.bk-raise-yes:not(.elementor-widget-button):not(.elementor-widget-image):hover,
.bkt-fx3d .bk-raise:not(a):not(button):not(img):not(.button):not(input):not(.wp-block-button):not(.wp-block-image):hover,
.bkt-fx3d-shop :is(.bkt-card,.woocommerce ul.products li.product):hover{transform:translateY(calc(-4px*var(--bkt-depth)*1.6));box-shadow:0 calc(4px + 14px*var(--bkt-depth)) calc(12px + 30px*var(--bkt-depth)) rgba(0,0,0,calc(.14 + .2*var(--bkt-depth))),inset 0 1px 0 rgba(255,255,255,.4)}

/* ---- pictures ---- */
.bkt-fx3d img.bk-raise,.bkt-fx3d .bk-raise-yes.elementor-widget-image img,.bkt-fx3d .wp-block-image.bk-raise img,
.bkt-fx3d-shop :is(img.wp-post-image,.woocommerce ul.products li.product img){border-radius:calc(var(--bkt-r)*.7);box-shadow:0 8px 18px rgba(0,0,0,.22)}

/* ---- shop scope only: header and form fields ---- */
.bkt-fx3d-shop .bkt-header{box-shadow:0 calc(2px + 8px*var(--bkt-depth)) calc(10px + 20px*var(--bkt-depth)) rgba(0,0,0,.18);border-bottom-color:transparent}
.bkt-fx3d-shop .woocommerce :is(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],textarea,select){border-radius:calc(var(--bkt-r)*.6);box-shadow:inset 0 2px 5px rgba(0,0,0,.14)}

/* the sun-shadow layer (.bk3d) supplies its own filter shadow: drop the static one so they do not double up */
.bkt-fx3d .bk3d:not(:is(a,button,.button,.elementor-button,.wp-block-button__link)){box-shadow:none}
/* Landing template */
.bkt-land{min-height:100vh}
.bkt-header--float{background:transparent;border:0;box-shadow:none}
html.bk-scene .bkt-header--float{background:rgba(10,14,30,.25)}
body.bkt-landing{margin:0}
/* Glass in the living scene keeps the raised edge */
html.bk-scene .bkt-fx3d-shop :is(.bkt-card,.woocommerce ul.products li.product){background:rgba(10,14,30,.42);border-color:rgba(255,255,255,.2)}
/* Swatches 3D blocks sit well on the theme */
.bkt-main .bk3{margin-block:6px}
@media(prefers-reduced-motion:reduce){.bkt-fx3d *{transition:none!important}.bkt-fx3d .bk-raise:hover,.bkt-fx3d .bk-raise-yes:hover,.bkt-fx3d-shop li.product:hover{transform:none}}
@media print{.bkt-fx3d *{box-shadow:none!important}}