/*
Theme Name:     Olive
Theme URI:      https://heartenmade.com
Template:       kadence
Author:         Hearten Made // Carissa Allen
Author URI:     https://heartenmade.com
Description:    A responsive WordPress theme for food bloggers built on Kadence by Carissa Allen from Hearten Made.
Version:        1.0.1
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

@font-face {
	font-family: 'HM Citrine';
	src: url('lib/fonts/HM-Citrine-Regular.woff2') format('woff2');
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	font-display: swap;
}

/* General
---------------------------------------- */

body {
	overflow-x: hidden;
}

a,
.kb-button,
a span,
a:not(.post-more-link),
.search-toggle-open,
.recipe-tabs .kt-acccordion-button-label-show {
	-webkit-transition: all .25s ease-in-out !important;
	transition: all .25s ease-in-out !important;
	text-underline-offset: 5px;
}

.link-style-color-underline .entry-content p a, .link-style-color-underline .entry-content strong>a, .link-style-color-underline .entry-content em>a, .link-style-color-underline .entry-content>ul a, .link-style-color-underline .entry-content>ol a, .link-style-color-underline .entry-content .wp-block-group ul a, .link-style-color-underline .entry-content .wp-block-group ol a {
	text-decoration-thickness: 2px;
}

::selection {
	background: var(--global-palette3);
	color: var(--global-palette9);
}

input:not(.kb-text-style-field),
select:not(.kb-text-style-field),
textarea:not(.kb-text-style-field) {
	border-radius: 0 !important;
}

.comment-form input:placeholder-shown+label,
.comment-form textarea:placeholder-shown+label,
.comment-form .comment-input-wrap p label,
.comment-form p.comment-form-float-label label,
.comment-form input:placeholder-shown+label,
.comment-form textarea:placeholder-shown+label,
.fs-label-wrap,
.fs-dropdown,
.fs-search,
.fs-wrap.multiple .fs-option .fs-checkbox i,
.search-form input[type="search"],
.search-form input.search-field {
	color: var(--global-palette3) !important;
	border-color: var(--global-palette3) !important;
}

.drawer-content input[type="search"]::-webkit-input-placeholder {
	font-size: inherit !important;
}

input[type="text"]:not(.kb-text-style-field),
input[type="email"]:not(.kb-text-style-field), input[type="url"]:not(.kb-text-style-field), input[type="password"]:not(.kb-text-style-field), input[type="search"]:not(.kb-text-style-field),
input[type="number"]:not(.kb-text-style-field), input[type="tel"]:not(.kb-text-style-field),
input[type="date"]:not(.kb-text-style-field), input[type="month"]:not(.kb-text-style-field), input[type="week"]:not(.kb-text-style-field), input[type="time"]:not(.kb-text-style-field), input[type="datetime"]:not(.kb-text-style-field), input[type="datetime-local"]:not(.kb-text-style-field), input[type="color"]:not(.kb-text-style-field),
textarea:not(.kb-text-style-field),
select:not(.kb-text-style-field) {
	border: 1px solid var(--global-palette7) !important;
}

/* Search Results
---------------------------------------- */

.search-archive-title h1 {
	padding-bottom: .25em;
}

.search-results .content-container .entry-content-wrap {
	margin-top: 15px;
}

.error404 input.search-field {
	padding: 18px 20px;
}

.error404 .page-content {
	text-align: center !important;
}

.error404::placeholder {
	color: var(--global-palette5);
}

.search-results .loop-entry .entry-header .entry-taxonomies,
.search-results .loop-entry .entry-header .entry-title,
.search-results .loop-entry .entry-header .entry-meta {
	text-align: center;
	padding-bottom: 0;
}

/* Search Header
---------------------------------------- */

#search-drawer.popup-drawer.active .drawer-inner {
	height: 32%;
	max-height: 330px;
	box-shadow: 10px 10px 20px rgb(32 32 31 / 15%);
}

#search-drawer .drawer-inner .drawer-content form input.search-field,
#search-drawer .drawer-inner .drawer-content form input.search-field:focus {
  box-shadow: none !important;
}

#search-drawer .drawer-inner input.search-field {
	font-size: 16px !important;
	padding: 1em !important;
	border: 1px solid var(--global-palette3) !important;
}

.search-toggle-open .search-toggle-label {
	padding-right: 8px !important;
}

button.search-toggle-open.drawer-toggle.search-toggle-style-default {
	border-radius: 50px !important;
}

/* Header
---------------------------------------- */

.site-main-header-wrap>.site-header-row-container-inner,
.site-bottom-header-wrap>.site-header-row-container-inner {
	border-bottom: 1px solid transparent;
	box-shadow: 0 2px 8px rgba(205, 205, 205, .2) !important;
}

.sub-menu {
	padding: 0 12px !important;
}

@media only screen and (min-width: 768px) {
	.sub-menu {
		padding: 8px !important;
	}
}

/* Entries
---------------------------------------- */

.read-more-button {
	margin-top: 20px;
}

.entry-footer .more-link-wrap a {
	text-decoration: none !important;
}

.entry svg.kadence-svg-icon.kadence-arrow-right-alt-svg {
	display: none;
}

.entry-content-wrap .category-style-pill a {
	margin-top: 10px !important;
}

.entry-tags a.tag-link {
	border: 0 !important;
	color: var(--global-palette3) !important;
}

.entry-tags a.tag-link:hover {
	color: var(--global-palette-btn) !important;
	border-radius: 0;
}

.kb-posts .entry-header .entry-taxonomies {
	margin-top: 15px !important;
	margin-bottom: 10px !important;
}

span.category-links.term-links.category-style-pill a {
	border-radius: 0 !important;
	padding: 5px 9px;
}

.content-style-unboxed .kadence-thumbnail-position-behind:after {
	background: none !important;
}

.content-style-unboxed .kadence-thumbnail-position-behind {
	margin-bottom: 3em;
}

.nav-next .kadence-svg-iconset,
.nav-previous .kadence-svg-iconset {
	display: none;
}

.entry-author-style-center .entry-author-avatar:before,
.entry-author-style-center .entry-author-avatar:after {
	background: transparent !important; 
}

.entry-author-style-center {
	border: 2px solid var(--global-palette8) !important;
	margin-top: 80px;
	padding-bottom: 20px;
}

.entry-author-avatar img {
	border: 8px solid var(--global-palette8);
}

.entry-author-style-center .entry-author-avatar img {
	margin-top: -50px !important;
}

.entry-author-name a {
	font-family: var(--global-heading-font-family);
	font-weight: normal;
	font-size: 28px;
}

.entry-author-style-center .entry-author-profile .entry-author-description {
	max-width: 85% !important;
	font-size: 15px !important;
	margin: 0 auto !important;
}

.entry-author-follow.author-follow a.social-button {
  border-radius: 35px !important;
	width: 1.8em;
	height: 1.8em;
}

@media screen and (min-width: 768px) {
.blog .grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail,
.archive .grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail {
		grid-template-columns: 1fr 1fr !important;
	}
}

/* Kadence Posts Block
---------------------------------------- */

.entry-header .entry-taxonomies {
	margin-bottom: 10px;
}

.entry-meta>*:after {
	height: 0.16rem;
	width: 0.16rem;
}

.wp-block-kadence-posts.item-image-style-beside article {
	align-items: center !important;
}

.wp-block-kadence-posts.item-image-style-above.kb-posts-style-unboxed .entry .post-thumbnail {
	margin-bottom: 1.2em !important;
}

.wp-block-kadence-tabs .kt-tab-inner-content-inner .loop-entry p:last-child {
	margin: 1em 0 !important;
}

@media screen and (max-width: 1023px) {
	.kb-posts.grid-cols {
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
		column-gap: 1.5rem !important;
	}
}

@media screen and (max-width: 768px) {
	.kb-posts.grid-cols.grid-lg-col-4 {
		grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
	} 
}

/* Archive
---------------------------------------- */

.entry-hero.post-archive-hero-section .entry-header {
	padding-top: 1em;
	padding-bottom: 1em;
}

.archive .loop-entry .entry-header .entry-title,
.blog .loop-entry .entry-header .entry-title {
	text-align: center;
}

.archive.has-sidebar .loop-entry .entry-header .entry-title {
	text-align: left;
	padding: 0;
}

.archive .loop-entry .entry-header .entry-taxonomies,
.blog .loop-entry .entry-header .entry-taxonomies,
.category.archive .loop-entry .entry-header .entry-meta,
.blog .loop-entry .entry-header .entry-meta {
	text-align: center;
	padding-bottom: 0;
}

.category.archive .cat-filter-menu {
	display: none;
}

.category.archive.has-children .cat-filter-menu {
	text-align: center;
	display: block;
}

.category.archive .cat-sort-by {
	text-transform: uppercase;
	font-size: 12px;
	font-family: var(--global-primary-nav-font-family);
	letter-spacing: .2em;
	padding-right: 10px;
	color: var(--global-palette3);
}

.category.archive .cat-item {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .2em;
	font-family: var(--global-primary-nav-font-family);
	display: inline-block;
	padding: 0 10px;
	line-height: 2;
	text-decoration: none;
}

.archive.category.content-title-style-above .cat-filter-menu {
	padding-bottom: 2.25em;
	margin-top: -2em;
}

.category.archive .cat-item:last-child {
	padding-right: 0;
}

.category.archive .cat-item-none {
	display: none;
}

.pagination {
	text-align: center !important;
}

.pagination .page-numbers {
	border-radius: 50px !important;
	font-size: .85em;
}

.post-navigation-sub small {
	letter-spacing: 1.1px !important;
	font-weight: 600 !important;
}

.category .kadence-breadcrumbs {
	margin: .5em 0 !important;
	font-size: 14px !important;
}

/* Filter on Archive
---------------------------------------- */

.cat-submenu-wrapper {
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.cat-submenu {
	display: contents;
}

.cat-submenu-text {
	position: relative;
	flex: 0 0 auto;
	margin-right: 15px;
	background: var(--global-palette5);
	color: var(--global-palette3);
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 8px 10px 8px 15px;
	text-align: center;
}

.cat-submenu-text::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 12px solid var(--global-palette5);
}

.cat-submenu-wrapper .filter {
  flex: 0 0 auto;
  display: inline-block;
  background: var(--global-palette9);
  color: var(--global-palette3);
  padding: 8px 12px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  white-space: nowrap;
}

.cat-submenu-wrapper .filter:hover {
  background: var(--global-palette7);
  color: var(--global-palette-btn);
}

/* Lists
---------------------------------------- */

.single-content ol {
  list-style: none;
  padding-left: 0;
}

.single-content ol li {
  position: relative;
  margin-bottom: 0.6em;
  padding-left: 2.3em;
}

.single-content ol li::before {
  content: counter(list-item);
  position: absolute;
  left: 0;
  width: 2.2em;
  height: 2.2em;
  background: var(--global-palette4);
  color: var(--global-palette9);
  font-weight: 700;
  font-size: 0.88rem;
  border-radius: 50%;
  line-height: 2.2em;
  text-align: center;
}

/* Related Posts
---------------------------------------- */

.tns-outer .tns-controls button[data-controls="prev"]:before,
.tns-outer .tns-controls button[data-controls="next"]:before {
	height: 15px !important;
	width: 15px !important;
}

.entry-related-inner-content {
	padding: 2em 2.5em 1em 2.5em !important;
}

.entry-related .entry-meta {
	display: none;
}


h2.entry-related-title {
	text-align: center !important;
}

.entry-related-carousel ul.splide__pagination {
	display: none;
}

.entry-related-carousel {
	margin: 0 !important;
}

.entry-related-carousel .loop-entry .entry-content-wrap {
	padding: 1.25rem 0;
}

.entry-related .splide__arrow.splide__arrow--next {
	margin-right: -30px;
}

.entry-related .splide__arrow.splide__arrow--prev {
	margin-left: -30px;
}

.entry-related .splide .splide__arrow, .entry-related .splide .splide__arrow:focus {
	opacity: 1;
	width: 35px;
	background: #fff;
	color: var(--global-palette3);
}

.entry-related .entry.loop-entry {
	background: transparent !important;
}

/* Comments
---------------------------------------- */

.comment-navigation .nav-previous:after, .post-navigation .nav-previous:after {
	background: var(--global-palette3) !important;
}

#respond+.comments-title, .comment-reply-title {
	position: relative;
	font-size: 2em !important;
	text-align: center;
}

h2.comments-title {
	text-align: left !important;
}

#respond+.comments-title {
	margin-top: 1.5em;
}

.comment-form .form-submit input {
	width: 100% !important;
	background: var(--global-palette9)
}

.comment-respond {
	background: var(--global-palette7);
	padding: 30px;
	margin-bottom: 40px;
	position: relative;
}

.comment-form .comment-notes {
	margin-top: -.5em;
	font-size: 80%;
}

.comment-form p {
	margin: .8em 0 !important;
	font-size: 85%;
	text-align: center;
}

.comment-form p a {
	font-weight: bold;
}

.comment-respond a#cancel-comment-reply-link {
	margin-left: 20px;
	font-size: .75em;
	text-decoration: underline;
}

.comment-reply-title, .comments-title {
	margin-bottom: .5em !important;
}

.comment-list li {
	padding: 25px;
	margin-bottom: 20px;
	border: 2px solid var(--global-palette8);
}

.comment-body {
	border: none !important;
	margin-bottom: 0 !important;
}

.comment-content {
	margin-bottom: 0 !important;
}

.comment-reply-link {
	color: var(--global-palette9) !important;
	background: var(--global-palette4) !important;
	border: none !important;
	font-size: 14px;
	line-height: 1.1;
	font-weight: bold;
}

.comment-reply-link:hover {
	opacity: .8;
}

.comments-area .says {
	display: none;
}

.comment-author .avatar,
.comments-area .comment .avatar {
	box-sizing: content-box;
	border: 4px solid var(--global-palette7);
	margin-top: -5px;
	margin-left: -5px;
}

@media screen and (max-width: 767px) {
	.comment-list .reply {
		padding: 0px !important;
	}
	.comment-form .comment-input-wrap p {
    margin: 0 !important;
	}
}

/* Sidebars
---------------------------------------- */

.widget select {
	width: 100%;
}

.primary-sidebar .kb-posts .entry a {
	text-decoration: none;
}

.primary-sidebar .kb-posts .entry {
	align-items: center;
}

.primary-sidebar.widget-area .widget {
	margin-bottom: 0 !important;
}

.single-content .sidebar-inner-wrap h1,
.single-content .sidebar-inner-wrap h2,
.single-content .sidebar-inner-wrap h3,
.single-content .sidebar-inner-wrap h4,
.single-content .sidebar-inner-wrap h5,
.single-content .sidebar-inner-wrap h6 {
	margin-top: 0 !important;
}

/* Quotes
---------------------------------------- */

blockquote,
q {
	quotes: '“' '”';
}

/* Splide Arrows
---------------------------------------- */

.splide .splide__arrow {
	border-radius: 0 !important;
}

/* WPRM
---------------------------------------- */

ol.wprm-recipe-instructions li {
	padding-left: 0 !important;
}
.wprm-rating-star path {
	stroke-width: 0 !important;
}

.wprm-recipe-snippet a span {
	transition: none;
}

.recipe-header-snippet {
	margin: 10px 0 0 0;
}

.wprm-recipe-template-olive-snippet .wprm-recipe-jump:before,
.wprm-recipe-template-olive-snippet .wprm-recipe-jump-video:before {
	content: '';
	background: url(images/recipe-jump-arrow.svg) center no-repeat !important;
	background-size: contain;
	width: 11px;
	height: 11px;
	margin-right: 8px;
	display: inline-block;
}

.comment-form-wprm-rating {
	display: flex;
	justify-content: center;
	gap: 1em;
	margin: 20px auto 10px auto !important;
}

.comment-form-wprm-rating label {
	font-weight: bold;
}

.recipe-header-snippet a {
	text-transform: uppercase !important;
	text-decoration: none !important;
}

.wprm-recipe-snippet .wprm-recipe-jump, .wprm-recipe-snippet .wprm-recipe-jump-to-comments, .wprm-recipe-snippet .wprm-recipe-jump-video, .wprm-recipe-snippet .wprm-recipe-pin {
	margin: 0 5px 0 0 !important;
	font-size: 12px !important;
	border: none !important;
	color: var(--global-palette-btn) !important;
	text-transform: uppercase !important;
	letter-spacing: 1.1px !important;
	background: var(--global-palette-btn-bg) !important;
	padding: 12px 15px !important;
}

.wprm-recipe-snippet .wprm-recipe-jump:hover, .wprm-recipe-snippet .wprm-recipe-jump-to-comments:hover, .wprm-recipe-snippet .wprm-recipe-jump-video:hover, .wprm-recipe-snippet .wprm-recipe-pin:hover {
	background: var(--global-palette-btn-bg-hover) !important;
}

.wprm-recipe-template-olive-snippet {
	text-align: inherit !important;
}

@media screen and (max-width: 767px) {
	.wprm-recipe-snippet .wprm-recipe-jump, .wprm-recipe-snippet .wprm-recipe-jump-to-comments, .wprm-recipe-snippet .wprm-recipe-jump-video, .wprm-recipe-snippet .wprm-recipe-pin {
    	font-size: 10.5px !important;
  	}
}

/* WooCommerce
---------------------------------------- */

.woocommerce ul.products:not(.woo-archive-btn-button) .button {
	font-weight: inherit !important;
}

.kadence-product-toggle-container .kadence-toggle-shop-layout {
	border: 0 !important;
}

.woocommerce ul.products li.product .entry-content-wrap {
	border-radius: 0 !important;
}

.wc-block-components-title.wc-block-components-title {
	font-size: 2em !important;
}

.woocommerce span.onsale {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.075em;
	border-radius: 0;
	padding: 10px;
}


/* ==========================================================================
   DAILY HOOKED - EXACT DREKET / LUNA CROCHET COLOR PALETTE & HOVER SYSTEM
   ========================================================================== */

:root {
  /* Core Dreket Palette */
  --rose: #C2607E;
  --rose-dk: #9C4763;
  --rose-lt: #F6E7EC;
  --ink: #3B2F2B;
  --mut: #6F615A;
  --bg: #FDFAF6;
  --card: #FFFFFF;
  --line: #EFE4DA;
  --terracotta: #C05F3C;
  --terracotta-dk: #853A20;

  /* Kadence Global Palette Overrides */
  --global-palette1: #C2607E !important; /* Primary Rose Accent */
  --global-palette2: #9C4763 !important; /* Rose Dark (Hover / Focus) */
  --global-palette3: #3B2F2B !important; /* Warm Espresso Ink for Headings & Body */
  --global-palette4: #6F615A !important; /* Muted Warm Grey for Secondary Text */
  --global-palette5: #EFE4DA !important; /* Soft Sand Linen for Borders */
  --global-palette6: #F6E7EC !important; /* Rose Light Blush for Badges & Accents */
  --global-palette7: #FBF3EE !important; /* Peach Linen for Cards & Sections */
  --global-palette8: #FDFAF6 !important; /* Warm Off-White Body Background */
  --global-palette9: #FFFFFF !important; /* Pure White */

  --global-palette-highlight: #C2607E !important;
  --global-palette-highlight-alt: #9C4763 !important;

  /* Gutenberg & Kadence Presets */
  --wp--preset--color--theme-palette-1: #C2607E !important;
  --wp--preset--color--theme-palette-2: #9C4763 !important;
  --wp--preset--color--theme-palette-3: #3B2F2B !important;
  --wp--preset--color--theme-palette-4: #6F615A !important;
  --wp--preset--color--theme-palette-5: #EFE4DA !important;
  --wp--preset--color--theme-palette-6: #F6E7EC !important;
  --wp--preset--color--theme-palette-7: #FBF3EE !important;
  --wp--preset--color--theme-palette-8: #FDFAF6 !important;
  --wp--preset--color--theme-palette-9: #FFFFFF !important;
}

/* 1. Body & Site Background */
body, .site, #wrapper {
  background-color: var(--global-palette8) !important;
  color: var(--global-palette3) !important;
}

/* 2. Top Announcement Ribbon (Like Dreket Pine Bar) */
.site-top-header-wrap, .top-header-row {
  background-color: #24545A !important;
  color: #FFFFFF !important;
}
.site-top-header-wrap a, .top-header-row a {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.site-top-header-wrap a:hover, .top-header-row a:hover {
  color: #E3F1EF !important;
}

/* 3. Main Header */
.site-main-header-wrap {
  background-color: rgba(253, 250, 246, 0.96) !important;
  border-bottom: 1px solid var(--global-palette5) !important;
  backdrop-filter: blur(8px);
}
.site-branding .site-title a {
  color: var(--global-palette2) !important;
  font-weight: 700;
}

/* 4. Navigation Links & Hovers */
.main-navigation .primary-menu-container > ul > li > a {
  color: var(--global-palette3) !important;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
}
.main-navigation .primary-menu-container > ul > li > a:hover,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a {
  color: var(--global-palette2) !important;
  background-color: var(--global-palette6) !important;
}

/* 5. General Links & Text Accents */
a {
  color: var(--global-palette1);
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
a:hover, a:focus {
  color: var(--global-palette2);
}

.entry-content p a:not(.button):not(.read-more-button) {
  color: var(--global-palette2) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 1px !important;
}
.entry-content p a:not(.button):not(.read-more-button):hover {
  color: var(--global-palette3) !important;
}

/* 6. Buttons & Call to Actions */
.button, 
.wp-block-button__link, 
input[type="submit"], 
button.kb-forms-submit,
.read-more-button,
a.read-more-button {
  background-color: var(--global-palette2) !important;
  border-color: var(--global-palette2) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  padding: 12px 26px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(156, 71, 99, 0.20) !important;
  transition: all 0.2s ease-in-out !important;
}

.button:hover, 
.wp-block-button__link:hover, 
input[type="submit"]:hover, 
button.kb-forms-submit:hover,
.read-more-button:hover,
a.read-more-button:hover {
  background-color: var(--global-palette3) !important;
  border-color: var(--global-palette3) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(59, 47, 43, 0.25) !important;
}

/* 7. Post Grid Cards */
.entry.loop-entry, 
.kb-posts .kb-post-list-item article {
  background-color: #FFFFFF !important;
  border: 1px solid var(--global-palette5) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
}

.entry.loop-entry:hover,
.kb-posts .kb-post-list-item article:hover {
  border-color: var(--global-palette1) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(59, 47, 43, 0.08) !important;
}

.entry-title, .entry-title a {
  color: var(--global-palette3) !important;
  font-weight: 700;
  transition: color 0.2s ease;
}
.entry-title a:hover {
  color: var(--global-palette2) !important;
}

/* 8. Category Badges */
.category-links a, 
.term-links a,
.entry-taxonomies a {
  background-color: var(--global-palette6) !important;
  color: var(--global-palette1) !important;
  border-radius: 999px !important;
  padding: 4px 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  transition: all 0.2s ease !important;
}

.category-links a:hover, 
.term-links a:hover,
.entry-taxonomies a:hover {
  background-color: var(--global-palette1) !important;
  color: #FFFFFF !important;
}

/* 9. Focus Accessibility Ring */
:focus-visible {
  outline: 2px solid var(--global-palette2) !important;
  outline-offset: 3px !important;
  border-radius: 4px !important;
}

/* 10. Footer Styling */
.site-footer, 
.site-bottom-footer-wrap {
  background-color: #FFFFFF !important;
  border-top: 1px solid var(--global-palette5) !important;
  color: var(--global-palette4) !important;
}

.site-footer a {
  color: var(--global-palette4) !important;
  transition: color 0.2s ease !important;
}
.site-footer a:hover {
  color: var(--global-palette2) !important;
}

.site-footer .footer-social-inner-wrap a:hover {
  color: var(--global-palette1) !important;
}

/* 11. Pagination */
.nav-links .page-numbers {
  background-color: #FFFFFF !important;
  border: 1px solid var(--global-palette5) !important;
  color: var(--global-palette3) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}
.nav-links .page-numbers:hover {
  border-color: var(--global-palette1) !important;
  color: var(--global-palette2) !important;
}
.nav-links .page-numbers.current {
  background-color: var(--global-palette2) !important;
  border-color: var(--global-palette2) !important;
  color: #FFFFFF !important;
}



/* ==========================================================================
   DAILY HOOKED - DREKET CATEGORY CHIPS & VISUAL CIRCLES SYSTEM
   ========================================================================== */

.luna-home-explore {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 10px 16px 36px 16px !important;
  box-sizing: border-box !important;
}

/* Category Chips (Pills) */
.luna-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 20px auto 32px auto !important;
  padding: 0 !important;
  list-style: none !important;
  max-width: 920px !important;
}

.luna-chip {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  padding: 10px 22px !important;
  border: 1px solid #EFE4DA !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #6F615A !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 2px 6px rgba(59, 47, 43, 0.04) !important;
}

.luna-chip .luna-chip__icon {
  font-size: 15px !important;
  line-height: 1 !important;
}

.luna-chip:hover, .luna-chip:focus-visible {
  border-color: #C2607E !important;
  color: #9C4763 !important;
  background: #F6E7EC !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(194, 96, 126, 0.16) !important;
}

/* Category Circular Rings (Slider) */
.luna-cats__shell {
  position: relative !important;
  width: 100% !important;
}

.luna-cats__row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 22px !important;
  overflow-x: auto !important;
  padding: 10px 6px 20px 6px !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scroll-behavior: smooth !important;
  justify-content: flex-start !important;
  justify-content: safe center !important;
  margin: 0 auto !important;
  max-width: 1050px !important;
}

.luna-cats__row::-webkit-scrollbar {
  display: none !important;
}

.luna-cat {
  flex: 0 0 auto !important;
  width: 114px !important;
  text-align: center !important;
  scroll-snap-align: start !important;
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.luna-cat:hover {
  transform: translateY(-4px) !important;
}

.luna-cat__ring {
  display: block !important;
  width: 106px !important;
  height: 106px !important;
  border-radius: 50% !important;
  padding: 4px !important;
  background: #FFFFFF !important;
  border: 2px solid #F6E7EC !important;
  overflow: hidden !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(59, 47, 43, 0.06) !important;
  box-sizing: border-box !important;
}

.luna-cat__img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.luna-cat:hover .luna-cat__ring {
  border-color: #C2607E !important;
  box-shadow: 0 8px 22px rgba(194, 96, 126, 0.22) !important;
}

.luna-cat:hover .luna-cat__img {
  transform: scale(1.08) !important;
}

.luna-cat__name {
  display: block !important;
  margin-top: 10px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #3B2F2B !important;
  transition: color 0.2s ease !important;
  line-height: 1.3 !important;
}

.luna-cat:hover .luna-cat__name {
  color: #9C4763 !important;
}

@media (max-width: 640px) {
  .luna-chips {
    gap: 8px !important;
    margin: 14px auto 22px auto !important;
  }
  .luna-chip {
    font-size: 13px !important;
    padding: 8px 16px !important;
  }
  .luna-cats__row {
    gap: 16px !important;
    padding-inline: 12px !important;
  }
  .luna-cat {
    width: 92px !important;
  }
  .luna-cat__ring {
    width: 88px !important;
    height: 88px !important;
    padding: 3px !important;
  }
  .luna-cat__name {
    font-size: 12px !important;
    margin-top: 8px !important;
  }
}