/*
Theme Name: Kadence GKM
Theme URI: https://example.com
Description: Kadence child theme with GKM core styles, animation system, and components.
Author: GK Marketing
Author URI: https://example.com
Template: kadence
Version: 2.1.0
Text Domain: kadence-gkm
*/

/* 
This file is intentionally minimal.
All styles are loaded via functions.php.
*/

a.zd-plugin-initialized {
    display: none !important;
}
.gk-office-hours {}
.gk-office-hours-row {
  display: flex;
  justify-content: space-between;
}
.gk-office-hours-day {}
.gk-office-hours-time {}
.gk-office-hours-time.is-closed {
  opacity: 0.6;
}

/* =========================
   Corner Texture Utilities
   Class usage:
   texture top-right
   texture top-left
   texture bottom-right
   texture bottom-left
   ========================= */

.texture {
  position: relative;
  overflow: visible;
}

.texture::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  background: url('/wp-content/uploads/2026/02/light-scaled.webp') no-repeat center center;
  background-size: 800px;
  z-index: -1;
  pointer-events: none;
}

/* Positions */
.texture.top-left::after {
  top: -80px;
  left: -80px;
}

.texture.top-right::after {
  top: -80px;
  right: -80px;
}

.texture.bottom-left::after {
  bottom: -80px;
  left: -80px;
}

.texture.bottom-right::after {
  bottom: -80px;
  right: -80px;
}

/* Mobile scale */
@media (max-width: 768px) {
  .texture::after {
    width: 90px;
    height: 90px;
    top: -40px !important;
    left: auto;
    right: auto;
    bottom: auto;
  }
}


/* Css for Service pages */
section.section-gk {
  background: var(--surface);
  padding: 2.5em;
/*   box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); */
  margin-bottom: 60px;
  border-bottom: 6px solid var(--brand-accent);
  position: relative;
  z-index: 4;
  overflow: hidden;    /* 👈 Keeps inner elements from bleeding past corners */
}


/* Code for service page space */
.section-gk h3 {
		    margin-top: 0.5em;
    margin-bottom: 0.2em;
	  font-size: 50px;
  letter-spacing: 0px;
	  margin-bottom: 1rem;
}

/* .service-hero h6.eyebrow{
  text-transform: uppercase;
  font-size: .85rem;
  letter-spacing: 3px;
  color: var(--brand-accent);
  margin-bottom: 1.5rem;
} */
.service-hero h1{
  margin: .5rem 0 1rem;
}

/* H2 on service pages (copies your H1 styling structure) */
body[class*="service"] h2{
  margin: 1rem 0 0.7rem;
  letter-spacing: 0;
}


/* H3 on service pages */
body[class*="service"] h3{
  margin: 1rem 0 1rem;
}

.service-hero h4{
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 140%;

}
.service-hero p{
  font-size: 1rem;
  color: var(--text-body);
  margin-bottom: 1rem;
  line-height: 1.6;
}

/* Divider */
hr.section-divider{
  border: 0;
  border-top: 1px solid var(--global-gray-400) !important;
  margin: 35px 0 !important;
}



/* =========================
   Floating Icon Badge
   ========================= */

/* ===== Wrapper anchor + prevent clipping ===== */
.icon-overlay{
  position: relative;
  z-index: 1;
}

.icon-overlay,
.icon-overlay .kt-row-layout-inner,
.icon-overlay .kt-row-column-wrap,
.icon-overlay .wp-block-kadence-column{
  overflow: visible !important;
}

/* ===== Floating badge card ===== */
.icon-overlay::after{
  content:"";
  position:absolute;

  width: 170px;
  height: 210px;

  /* REPLACE with your real logo URL */
  background: url("/wp-content/uploads/2026/02/icon.png") no-repeat center;
  background-size: contain;

  /* centered on the seam */
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);

  z-index: 999;
  pointer-events: none;
}

/* ===== subtle inner frame ===== */
.icon-overlay::before{
  content:"";
  position:absolute;

  width: 170px;
  height: 210px;

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  z-index: 1000;
  pointer-events: none;
}

/* ===== mobile adjustment ===== */
@media (max-width: 1024px){
  .icon-overlay::after,
  .icon-overlay::before{
    top: 100%;
    width: 140px;
    height: 180px;
	 left: 50%;
  }
}



/* =========================
   GOLD BORDER — Kadence Safe
   Apply class: gold-border
   Works on: Kadence Sections, Row Layouts, Columns, Groups, Image block wrappers
   ========================= */

.gold-border{
  position: relative;
  isolation: isolate;          /* keeps border layering contained */
}

.gold-border::before{
  content:"";
  position:absolute;
  inset:14px;                  /* space between edge + gold line */
  border:1px solid #AB852F;    /* gold */
  pointer-events:none;
  box-sizing:border-box;
  z-index: 2;
}

/* IMPORTANT:
   Do NOT put the class on the <img> tag itself.
   Put it on the Image BLOCK wrapper (figure/div), Row Layout, Section, Column, Group.
*/

/* Optional: thicker */
.gold-border-thick::before{ border-width:2px; }

/* Optional: flush */
.gold-border-flush::before{ inset:0; }

/* Optional: circle (only if the wrapper is square) */
.gold-border-circle::before{ border-radius:50%; }
.gold-border-circle img{ border-radius:50%; }


/* =========================
 * HERO BACKGROUND BORDER
 * /* =========================
 * 
/* Hero border - left/right/bottom inset, top bleeds off page */
.hero-border {
  position: relative;
}

.hero-border::after {
  content: "";
  position: absolute;

  left: 15px;
  right: 15px;
  bottom: 15px;

  /* double the padding so it disappears above the page */
  top: -30px;

  border-left: 1px solid #AB852F;
  border-right: 1px solid #AB852F;
  border-bottom: 1px solid #AB852F;

  pointer-events: none;
  z-index: 2;
}


/* =========================
  ZOCDOC HIDE LEFT STICKY
  ========================= */
  
@media (max-width: 768px) {
  .zd-plugin	.zd-alert-box {
    display: none !important;
  }
 
}