/*
Theme Name:  NewsHours
Text Domain: newshours
Template:    newsmash
Version:     1.0.10
Tested up to: 6.6
Requires at least: 4.7
Requires PHP: 7.0
Author: DesertThemes
Author URI: https://desertthemes.com/
Theme URI: https://desertthemes.com/themes/newshours-free/
Description: NewsHours is a fast, clean, Best Responsive News Magazine WordPress theme. 
NewsHours is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, 
online and gaming magazines, news portals, personal blogs, newspaper, publishing or review 
sites and any creative website. With its modern and clean design, NewsHours offers a visually 
appealing layout that is easy to navigate, making it ideal for delivering content to your readers. 
This theme comes equipped with a range of customizable options, custom widgets, and color schemes, 
allowing you to tailor your website to your specific needs and branding. It also supports various 
post formats, making it easy to present a variety of content types, from articles and videos to 
images and galleries. NewsHours is optimized for speed and SEO, ensuring that your website loads 
quickly and ranks well in search engine results. Its responsive design ensures that your content 
looks great on all devices, whether it's a desktop computer, tablet, or smartphone. 
NewsHours demos https://preview.desertthemes.com/newsmash/
Tags: blog, e-commerce, entertainment, grid-layout, one-column, two-columns, three-columns, 
left-sidebar, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, 
featured-images, featured-image-header, flexible-header, post-formats, rtl-language-support, 
translation-ready, theme-options, threaded-comments, footer-widgets
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* =========================
   NewsHours child theme CSS
   ========================= */

:root {
  /* Brand system */
  --dt-main-h: 142;              /* tweak hue only */
  --dt-main-s: 56%;
  --dt-main-l: 30%;
  --dt-main-color: hsl(var(--dt-main-h) var(--dt-main-s) var(--dt-main-l));
  --dt-main-rgb: 26, 94, 32;     /* legacy fallback */
  --dt-main-contrast: #ffffff;

  /* Neutrals */
  --dt-black-color: #000;
  --dt-text: #111827;
  --dt-border: rgba(189, 189, 189, 0.3);

  /* Legacy alias */
  --dt-whi-color: #ffffff;
}

/* ========== HEADER ========== */

.dt_header.header--two .dt_header-topbar + .dt_header-navwrapper { 
  padding-top: 0; 
}

/* Make nav wrapper spacing mobile-first */
.dt_header.header--two .dt_header-navwrapper { 
  padding-top: 4rem; 
}
@media (min-width: 62em) {
  .dt_header.header--two .dt_header-navwrapper { 
    padding-top: 7rem; 
  }
}

/* Centered logo block */
.dt_header.header--two .site--logo {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 6.5rem; /* mobile */
}
@media (min-width: 62em) {
  .dt_header.header--two .dt_header-topbar + .dt_header-navwrapper .site--logo { 
    min-height: 14rem; 
  }
  .dt_header.header--two .site--logo { 
    min-height: 8.6rem; 
  }
}

/* Navbar */
.dt_header.header--two .dt_navbar-menu {
  justify-content: center;
  padding: 2rem 0;
}
.dt_header.header--two .dt_header-navwrapper .dt_navbar-menu:not(.on) {
  border-top: 1px solid var(--dt-border);
}
/* Sticky full width */
.dt_header.header--two .dt_navbar-menu.is--sticky.on {
  width: 100%;
  margin: 0;
  left: 0;
  right: 0;
}
.dt_header.header--two .dt_navbar-menu .dt_navbar-nav { 
  text-align: center; 
}

/* Spacing adjustments */
.header--two + .toptags { 
  padding-top: 0; 
}
.header--two + .hero-carousel { 
  margin-top: 0; 
}

/* ========== POSTS & SIDEBAR ========== */

.post.post-grid.rounded.bordered,
.dt_sidebar .widget { 
  background-color: #fff; 
}

.dt_sidebar .widget .wp-block-image + p,
.dt_sidebar .widget .wp-block-image + .wp-block-spacer + p {
  line-height: 1.2;
  margin: 0;
}

.dt_sidebar .wp-block-image.is-style-rounded img {
  box-shadow: 2px 3px 0 #000;
  padding: 3px;
}

/* Post list thumb */
.post.post-list .thumb {
  flex: 1 1 100%;
  max-width: 100%;
}
@media (min-width: 62em) {
  .post.post-list .thumb {
    flex: 0 0 340px;
    max-width: 340px;
  }
}

.post.post-list .post-bottom .social-share .icons { 
  margin-bottom: 0; 
}

/* ========== WOOCOMMERCE ========== */

div.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
  background: var(--dt-main-color);
  color: var(--dt-main-contrast);
}

.wc-block-featured-category__link .wp-block-button__link:hover,
.wc-block-featured-category__link .wp-block-button__link:focus { 
  color: #fff; 
}

nav.woocommerce-breadcrumb a { 
  text-decoration: none; 
}

.has-text-color a:hover,
.has-text-color a:focus { 
  color: inherit; 
}

.wc-block-featured-product__price .woocommerce-Price-amount.amount { 
  color: var(--dt-whi-color); 
}

.wc-block-featured-product__link a:hover,
.wc-block-featured-product__link a:focus { 
  color: #fff; 
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
  color: #fff;
  text-decoration: none;
  background: var(--dt-main-color);
  border: 0;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus {
  color: #fff;
  filter: brightness(0.92);
}

/* Cart table sizing */
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
  font-size: 1.5rem;
}

/* ========== CORE BLOCK TWEAKS ========== */

.wp-block-embed figcaption,
.wp-block-table figcaption {
  text-align: center;
  font-weight: 600;
}

.has-background.wp-block-read-more { 
  padding: 0.25em 1.375em; 
}

.wp-block-code.has-text-color code { 
  color: inherit; 
}
.wp-block-code.has-background code { 
  background: inherit; 
}

/* Featured image header link hover fix */
.wc-block-featured-category__link .wp-block-button__link { 
  transition: opacity .2s ease; 
}

/* ========== OPTIONAL QUALITY OF LIFE ========== */

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
  * { 
    animation-duration: .01ms !important; 
    animation-iteration-count: 1 !important; 
    transition-duration: .01ms !important; 
    scroll-behavior: auto !important; 
  }
}

/* Improve focus visibility */
:where(a, button, [role="button"], .wp-block-button__link):focus-visible {
  outline: 2px solid var(--dt-main-color);
  outline-offset: 2px;
}