/*
 Theme Name:   Parkway Drug
 Theme URI:    https://www.kadencewp.com/kadence-theme/
 Description:  Child theme for Parkway Drug (neighborhood pharmacy, Alexander, AR) based on the Kadence parent theme. Design tokens are defined in theme.json; see README for the required post-install activation steps.
 Author:       Tristan @ Codeshimmer
 Author URI:   https://codeshimmer.com
 Template:     kadence
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  parkway-drug
*/

/* ==========================================================================
   Custom styles below this line.
   ========================================================================== */

/* ── Parkway Drug · section background textures ─────────────────────────────
   Keep these in the child stylesheet, NOT the Customizer's Additional CSS —
   WordPress sanitizes that field and strips inline SVG data URIs.

   IMPORTANT (Kadence-specific): Kadence uses `.kb-row-layout-wrap::before` as a
   CLEARFIX (`clear:both; display:table; content:""`). An element has only one
   ::before, so a texture placed on ::before lands on that sizeless clearfix box
   and never paints. We therefore use ::after for the texture overlay. On a
   Kadence Row, apply the class via the row's "CSS Class" field.
   ────────────────────────────────────────────────────────────────────────── */

/* 1 · Paper grain — warm overlay for cream/light sections.
      Uses ::after (::before is Kadence's clearfix). mix-blend-mode:multiply
      needs a SOLID background on the section to show — this hero's Kadence row
      supplies palette7 (cream). Bump opacity if you want it more visible. */
.pd-grain { position: relative; }
.pd-grain::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	opacity: 0.14;
	mix-blend-mode: multiply;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* keep real content above the grain overlay */
.pd-grain > * { position: relative; z-index: 1; }

/* 2 · Dot grid — for the sage CTA band (white dots on sage). */
.pd-dots {
	background-color: #748562;
	background-image: radial-gradient(rgba(255, 255, 255, 0.09) 1.4px, transparent 1.5px);
	background-size: 22px 22px;
}

/* 3 · Apothecary pinstripe — faint sage hairlines on cream. */
.pd-pinstripe {
	background-color: #e2d7c8;
	background-image: repeating-linear-gradient(90deg,
		rgba(92, 107, 77, 0.06) 0 1px, transparent 1px 11px);
}