/* The button is deliberately plain so the theme's own button styles can take over:
   add class="…" in the shortcode, or style .kv-button in the theme. */
.kv-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 46px; padding: 0 22px; border: 0; border-radius: 3px; cursor: pointer;
  background: #23201c; color: #f6f1e8; font: inherit; font-size: 15px; letter-spacing: .02em;
  transition: background .2s;
}
.kv-button:hover { background: #000; }

.kv-locked, .kv-locked body { overflow: hidden !important; }
.kv-overlay {
  position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; padding: 24px;
  background: rgba(20, 18, 16, .6); opacity: 0; transition: opacity .25s;
}
.kv-overlay.kv-in { opacity: 1; }
.kv-overlay iframe {
  width: min(1240px, 100%); height: min(800px, 100%); border: 0; border-radius: 12px; background: #1a1714;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .4); transform: translateY(10px) scale(.985); transition: transform .3s cubic-bezier(.2, .7, .2, 1);
}
.kv-overlay.kv-in iframe { transform: none; }
@media (max-width: 760px) {
  .kv-overlay { padding: 0; }
  .kv-overlay iframe { width: 100%; height: 100%; border-radius: 0; }
}


/* Korequartz stone page: keep "View in Kitchen" as the first button, above Product Spec Sheet and Check Inventory */
.elementor-widget-wrap > .elementor-element-fbc5ca9{order:1}
.elementor-widget-wrap > .elementor-element-448e7e1{order:2}
.elementor-widget-wrap > .elementor-element-1752fc2{order:3}

/* Product Spec Sheet button hidden on all stone pages for now. Delete this rule to bring it back. */
.elementor-element-fbc5ca9{display:none !important}

/* collection index card link */
.kv-card-wrap{padding:0;margin:10px 0 0}
.kv-card-link{display:inline-block;font-family:Roboto,sans-serif;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;color:#23201c;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px;transition:opacity .2s}
.kv-card-link:hover{opacity:.6}
.kv-card-link span{margin-left:4px}

.kv-card-wrap .kv-card-link,.kv-card-wrap .kv-card-link:visited{color:#23201c !important;border-bottom-color:#23201c !important}

/* close button, hosted outside the iframe */
.kv-x{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:3;width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:rgba(0,0,0,.28);color:#fff;font:400 22px/1 Arial,sans-serif;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.kv-x:hover{background:rgba(0,0,0,.5)}

/* sit the close button on the popup's own top-right corner (popup = min(1240px, 100% - 48px) wide, min(800px, 100% - 48px) tall, centred) */
.kv-x{top:calc(50% - min(400px, 50% - 24px) + 12px);right:calc(50% - min(620px, 50% - 24px) + 12px)}
@media (max-width:760px){.kv-x{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}}