/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- 
00. CORE
01. SITEWIDE
02. HEADER
03. FOOTER
30. SPECIFIC PAGES
	31. Homepage
  32. Search Page
  33. Blog Archives
50. BLOCK CUSTOMISATIONS
60. WIDGETS
70. PLUGINS
80. CUSTOM POST TYPES
99. HOTFIXES & BUGS

/* ---------------------------------------------------
* 00. CORE 
* ---------------------------------------------------*/
/*Text balance */
.balance {
  text-wrap: balance;
}

.hero-section-overlay,
.pcn-dots {
  background-image:
    linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 86%),
    /* 1. Add back the Linear Fade to soften the edges */ radial-gradient(circle at 20% 30%, rgba(60, 50, 40, 0.1) 0%, transparent 40%),
    /* 2. The "Ink Spots" */ radial-gradient(circle at 80% 70%, rgba(80, 70, 60, 0.02) 0%, transparent 30%),
    radial-gradient(rgba(0, 0, 0, 0.04) 2px, transparent 2px),
    /* 3. The Halftone Dots: Lowered opacity to 0.3 for a cleaner look */ radial-gradient(rgba(0, 0, 0, 0.04) 2px, transparent 2px);

  /* Unified background-size (Removed the duplicate 100px lines) */
  background-size:
    100% 100%,
    100% 100%,
    100% 100%,
    12px 12px,
    12px 12px;

  /* Matches the 12px grid (Offset by 6px) */
  background-position:
    0 0,
    0 0,
    0 0,
    0 0,
    6px 6px;

  /* Multiply blends the dots into the background color */
  background-blend-mode: multiply;

  /* Optional: Ensures the overlay doesn't block clicks to things behind it */
  /* pointer-events: none; */
}

/* ---------------------------------------------------
 * 01. SITEWIDE
 * ---------------------------------------------------*/
nav.kadence-breadcrumbs {
  margin: 1rem 0 0;
}

/* ---------------------------------------------------
 * 50. BLOCK CUSTOMISATIONS
 * ---------------------------------------------------*/
/* .pcn-paperclip for adding paperlip to images	*/
figure.pcn-paperclip {
  transform: rotate(5deg);
  position: relative;
}

figure.pcn-paperclip::after {
  position: absolute;
  content: "";
  background: url(images/paperclip.png) no-repeat;
  width: 90px;
  height: 60px;
  top: -8px;
  right: -34px;
  background-size: contain;
}

/* .pcn-bold-countup for adding bold countup numbers	*/
.pcn-bold-countup .kb-count-up {
  font-weight: 700;
}

/* .pcn-latest-cover styling for latest covers from shortcode [pcn_latest_df_thumbnail]  */
.pcn-latest-cover img {
  box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.4);
}

/* .pcn-exclusive for adding exclusive badge to elements	*/
.pcn-exclusive {
  position: relative;
}

.pcn-exclusive::after {
  content: "";
  width: 100px;
  height: 100px;
  background: url(/wp-content/themes/kadence-child/svg/exclusive.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: -20px;
  top: -20px;
  transform: rotate(20deg);
}

/* pcn-sidebar-latest-news for styling latest news in sidebar */
@media screen and (min-width: 768px) {
  .kb-posts.kb-posts-style-unboxed.grid-lg-col-1.item-image-style-beside.pcn-sidebar-latest-news article.loop-entry {
    grid-gap: 1rem;
  }
}

.pcn-sidebar-latest-news article.loop-entry h3.entry-title {
  line-height: 1.3;
}

/* Categories list on blog archives */
.site-main ul.wp-block-categories-list.pcn-list-to-buttons.wp-block-categories {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 4rem;
}
.site-main ul.wp-block-categories-list.pcn-list-to-buttons.wp-block-categories li {
  border: 1px solid var(--global-palette1);
  padding: 0.1rem 0.5rem;
  border-radius: 50px;
}
.site-main ul.wp-block-categories-list.pcn-list-to-buttons.wp-block-categories li a {
  text-decoration: none;
}

/* ---------------------------------------------------
 * 02. FOOTER
 * ---------------------------------------------------*/

/* ---------------------------------------------------
 * 60. WIDGETS
 * ---------------------------------------------------*/
.primary-sidebar .widget_categories ul {
  list-style: disc;
  margin-left: 24px;
}
.primary-sidebar .wp-block-kadence-posts.grid-cols {
  row-gap: 1.5rem;
}

body.blog .primary-sidebar .content-bg {
  background-color: transparent;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
}

/* ---------------------------------------------------
 * 80. CUSTOM POST TYPES
 * ---------------------------------------------------*/
/* 81. Users */
.pcn-user-directory-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
}
.pcn-user-directory-grid .user-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pcn-user-directory-grid img {
  border-radius: 20px;
}
.pcn-user-directory-grid .user-name {
  font-family: var(--global-heading-font-family, inherit);
  font-weight: 700;
  margin-bottom: var(--global-kb-spacing-xxs, 0.5rem);
  margin-top: var(--global-kb-spacing-xxs, 0.5rem);
}
.pcn-user-directory-grid .user-name a {
  text-decoration: none;
}
.pcn-user-directory-grid .user-position {
  text-transform: uppercase;
  font-size: var(--global-kb-font-size-sm, 0.9rem);
}

/* On the Author Archive page */
.author .pcn-user-avatar .avatar {
  border-radius: 20px;
}
.author .pcn-user-profile .kb-dynamic-html-inner-wrap > p:first-child {
  margin-top: 0;
}

.pcn-author-media {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.pcn-author-media .pcn-author-social {
  list-style: none;
  display: flex;
  gap: 15px;
  margin: 0;
  align-self: flex-start;
}
.pcn-author-media .pcn-author-social svg {
  width: 36px;
  height: 36px;
}

.pcn-author-media .contact {
  align-self: flex-start;
  display: grid;
  grid-template-columns: 2rem auto;
}
/* Base setup for all contact icons */
.pcn-author-media .contact::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--global-palette1);
  display: inline-block;
  margin-right: 0.25rem;
  vertical-align: middle;

  /* Mask settings applied once here to keep code clean */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Company: Office Building Icon */
.pcn-author-media .contact.company::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z'/%3E%3C/svg%3E");
}
/* Address: Map Pointer Icon */
.pcn-author-media .contact.address::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
}

/* Phone: Telephone Icon */
.pcn-author-media .contact.phone::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
}
/* Editorial Team on Blog sidebar */
.editorial-team {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.editorial-team__member {
  display: flex;
  align-items: center;
  gap: 12px;
}

.editorial-team__avatar img {
  border-radius: 50%;
  display: block;
}

.editorial-team__info {
  display: flex;
  flex-direction: column;
}

.editorial-team__name {
  font-weight: bold;
  font-size: 0.95rem;
}

.editorial-team__position {
  font-size: 0.8rem;
  color: #666;
}
