/*
Theme Name:     Kadence Apphia
Theme URI:      https://testing2.meyne.co/
Template:       kadence
Author:         Claude (Novamira)
Author URI:     https://testing2.meyne.co/
Description:    Apphia food blog branding child theme for Kadence. Elegant serif/sans-serif pairing, warm earth tones, minimal shadows.
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:    kadence-apphia
Domain Path:    /languages
*/

/* ============================================================================
   Apphia Custom Component Styling
   ============================================================================ */

/* Cards: Flush against background, no shadow or border */
.entry.loop-entry {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.entry.loop-entry .entry-content-wrap {
  padding: 24px 0 0;
}

.loop-entry .post-thumbnail img {
  border-radius: 6px;
}

/* Links: Sage color with underline */
.entry-content a {
  color: var(--global-palette2, #636B57);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.entry-content a:hover {
  color: var(--global-palette1, #7E8770);
}

/* Focus states: Sage focus ring */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--global-palette2, #636B57);
  outline-offset: 2px;
}

/* Buttons: Charcoal background, ivory text, opacity hover */
.wp-block-button__link,
.kb-button,
button,
input[type=submit] {
  background: var(--global-palette3, #2D2925);
  color: var(--global-palette7, #F8F5EF);
  border-radius: 6px;
  padding: 14px 28px;
  border: 0;
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.wp-block-button__link:hover,
.kb-button:hover,
button:hover,
input[type=submit]:hover {
  background: var(--global-palette3, #2D2925);
  opacity: 0.88;
}

/* Button outline style */
.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--global-palette3, #2D2925);
  border: 1px solid var(--global-palette3, #2D2925);
}

/* Blockquotes: Hairline borders instead of left border */
.entry-content blockquote {
  border-left: 0;
  padding-left: 0;
  border-top: 1px solid var(--global-palette9, #DED3C3);
  border-bottom: 1px solid var(--global-palette9, #DED3C3);
  padding: 28px 0;
  font-style: normal;
  font-size: 1.375rem;
  line-height: 1.35;
}

/* Horizontal rules: Hairlines */
.entry-content hr,
.wp-block-separator {
  border: 0;
  border-top: 1px solid var(--global-palette9, #DED3C3);
  max-width: 720px;
}

/* Images: Rounded corners */
.wp-block-image img {
  border-radius: 6px;
}

/* Remove all shadows from elements */
* {
  box-shadow: none !important;
}

/* Tag pills: Hairline border, hover effect */
.entry-taxonomies a {
  border: 1px solid var(--global-palette9, #DED3C3);
  border-radius: 999px;
  padding: 5px 14px;
  color: var(--global-palette4, #5C5650);
  background: transparent;
}

.entry-taxonomies a:hover {
  border-color: var(--global-palette1, #7E8770);
  color: var(--global-palette2, #636B57);
}

/* Meta text: Muted color */
.entry-meta {
  color: var(--global-palette5, #8C8377);
}

/* UI text: Small, uppercase */
.primary-menu-container > ul > li > a,
.entry-taxonomies,
.entry-meta,
.post-navigation,
.entry-taxonomies a,
.wp-block-button__link,
.kb-button,
button,
input[type=submit] {
  font-family: var(--global-heading-font-family, 'Raleway', sans-serif);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 13px;
}

/* Reading column on single posts and pages */
.single-content .entry-content > *,
.page-content .entry-content > * {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.entry-content > .alignwide,
.entry-content > .alignfull {
  max-width: none;
}

/* Hairline borders on header and footer */
#main-header {
  border-bottom: 1px solid var(--global-palette9, #DED3C3);
  box-shadow: none;
}

.site-footer {
  border-top: 1px solid var(--global-palette9, #DED3C3);
  background: var(--global-palette7, #F8F5EF);
}