/*
Template:       gamxo
Theme Name:     Gamxo Child Theme
Theme URI:      http://radiustheme.com/demo/wordpress/themes/gamxo
Author:         RadiusTheme
Author URI:     http://radiustheme.com
Description:    Gamxo is an Responsive news & blog WordPress Theme.
Version:        1.0
Text Domain:    Gamxo
Tags: theme-options, featured-images, post-formats, one-column, two-columns, right-sidebar, custom-background, custom-header, editor-style, sticky-post, threaded-comments, translation-ready
License:   	  Envato split License
License URI:  https://themeforest.net/licenses/terms/regular
*/

/* =========================
   Color system
   ========================= */
:root {
  --color-primary: #43A047;
  --color-primary-dark: #2E7D32;
  --color-primary-light: #A5D6A7;
  --color-primary-muted: #66BB6A;

  --bg-main: #ffffff;
  --bg-surface: #f5f5f5;
  --bg-card: #ffffff;

  --text-main: #1f1f1f;
  --text-inverse: #ffffff;

  --shadow-primary: 0px 10px 30px 0 rgb(165 214 167 / 20%);
}

/* =========================
   Theme modes
   ========================= */
html[data-theme="dark-mode"] {
  --bg-main: #202121;
  --bg-surface: #151821;
  --bg-card: #202121;
}

/* =========================
   Dark mode - WP blocks
   ========================= */
html[data-theme="dark-mode"] .wp-block-quote,
html[data-theme="dark-mode"] .basic-yop-poll-container .basic-inner {
  background: var(--bg-surface) !important;
}

html[data-theme="dark-mode"]
.sidebar-widget-area
.wp-block-latest-posts li,
html[data-theme="dark-mode"]
.sidebar-widget-area
.wp-block-archives li {
  background: var(--bg-card) !important;
}

html[data-theme="dark-mode"]
.sidebar-widget-area
.wp-block-latest-posts__post-title,
html[data-theme="dark-mode"]
.sidebar-widget-area
.wp-block-archives li a,
html[data-theme="dark-mode"]
.basic-yop-poll-container
.basic-message-text,
html[data-theme="dark-mode"]
.basic-yop-poll-container
.basic-question-title,
html[data-theme="dark-mode"]
.basic-yop-poll-container
.basic-text {
  color: var(--text-inverse) !important;
}

/* Remove plugin overlays */
html[data-theme="dark-mode"]
.basic-yop-poll-container
.basic-inner::before,
html[data-theme="dark-mode"]
.basic-yop-poll-container
.basic-inner::after {
  background: none !important;
}

/* Specific dark-mode hovers */
[data-theme="dark-mode"] .post-navigation .post-nav-title a:hover {
  color: var(--color-primary);
}

[data-theme="dark-mode"] .entry-meta-tags a:hover {
  color: var(--text-inverse);
}

/* =========================
   Layout
   ========================= */
.elementor-section,
.e-con {
  background-color: var(--bg-main);
}

.author .content-area {
  padding-top: 80px !important;
}

/* =========================
   Buttons
   ========================= */
button,
.wp-element-button,
.elementor-button {
  background: var(--color-primary);
  color: var(--text-inverse);
  border: 1px solid var(--color-primary);
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

button:hover,
.wp-element-button:hover,
.elementor-button:hover {
  background: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  box-shadow: var(--shadow-primary);
}

.elementor-button {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

a.button-style-1 {
  position: relative;
  background: transparent;
  border: 1px solid var(--color-primary);
  overflow: hidden;
}

a.button-style-1:hover {
  background: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  box-shadow: var(--shadow-primary);
}

a.button-style-1::before {
  background: none !important;
}

/* =========================
   Icons
   ========================= */
.elementor-icon,
.elementor-icon svg,
.post-date i,
.post-meta i,
i.fas,
i.far,
i.fab {
  color: var(--color-primary-muted);
  fill: var(--color-primary-muted);
}

a i.fas,
a i.far,
a i.fab {
  color: inherit !important;
}

/* =========================
   Tags
   ========================= */
.post-tags a,
.elementor-post-info__terms-list a {
  color: var(--color-primary-muted);
  border-color: var(--color-primary-muted);
}

.post-tags a:hover,
.elementor-post-info__terms-list a:hover {
  color: var(--text-inverse);
  background: var(--color-primary-muted);
}

.category-style {
  background: var(--color-primary-muted) !important;
}

/* =========================
   Slider / images
   ========================= */
.rt-post-slider-default .rt-item .rt-image {
  height: 250px;
  overflow: hidden;
}

.rt-post-slider-default .rt-item .rt-image img,
.blog-box .blog-img-holder img {
  width: 100%;
  object-fit: cover;
}

.blog-box .blog-img-holder img {
  max-height: 350px;
}

/* Prevent height change on hover */
.rt-post-slider-default .rt-item:hover .figure-overlay:after,
.rt-post-slider-default .figure-overlay:hover:after {
  height: 150%;
}

.rt-related-post .blog-img-holder img {
  height: 250px;
  object-fit: cover;
  width: 100%;
}

/* =========================
   Specific overrides
   ========================= */
html[data-theme="dark-mode"]
.elementor-element-e334056 {
  background-image: none !important;
  background-color: #000 !important;
}

.post-tab-layout ul.btn-tab li .active,
.post-tab-layout ul.btn-tab li a:hover {
  color: var(--text-inverse);
}

.section-title .swiper-button .swiper-button-prev i,
.section-title .swiper-button .swiper-button-next i {
  color: var(--text-inverse) !important;
}

.section-title .swiper-button .swiper-button-prev:hover i,
.section-title .swiper-button .swiper-button-next:hover i {
  color: var(--color-primary) !important;
}

.rt-section-title .section-link-url:hover,
.rt-section-title .section-link-url:hover i {
  color: inherit;
}

.header__switch__settings i::before,
.header__switch__dark i::before {
  color: #FFFFFF;
}

html[data-theme="dark-mode"]
.header__switch__settings i::before,
html[data-theme="dark-mode"]
.header__switch__dark i::before {
  color: #000000;
}

.header__switch__main {
  background-color: #FFFFFF;
}

.header__switch__main::before {
  background-color: #000000;
}

html[data-theme="dark-mode"]
.header__switch__main::before {
  background-color: #FFFFFF;
}

/* X (Twitter) share button – icon size and black background */
.post-share .share-links a.twitter-share-button {
  background: #222222 !important;
}
.post-share .share-links a.twitter-share-button .gamxo-x-icon {
  width: 0.75em;
  height: 0.75em;
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
}

/* =========================
   Custom overlay / gradient (wp-admin)
   ========================= */
/* Gradient only for overlay-style blocks (exclude single-post-item and multi-post-item) */
.rt-item:not(.single-post-item):not(.multi-post-item) .entry-content {
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.95) 0%,
    rgba(0, 0, 0, 0.7) 40%,
    rgba(0, 0, 0, 0.4) 75%,
    rgba(0, 0, 0, 0) 100%
  );
  padding: 15px 18px;
}

.rt-item:not(.single-post-item):not(.multi-post-item) .entry-content .entry-title,
.rt-item:not(.single-post-item):not(.multi-post-item) .entry-content .entry-title a,
.rt-item:not(.single-post-item):not(.multi-post-item) .entry-content .entry-meta,
.rt-item:not(.single-post-item):not(.multi-post-item) .entry-content .entry-meta a {
  color: #fff !important;
}

.rt-item:not(.single-post-item):not(.multi-post-item) .entry-content .entry-title a {
  display: inline-block;
}

/* Force no gradient in swiper – override any other rule */
.swiper-container .entry-content,
.swiper-container.container .entry-content,
div.swiper-container .entry-content {
  background: none !important;
  background-image: none !important;
  border-radius: 0 !important;
}

/* =========================
   Smaller category pills (entry-categories)
   ========================= */
.entry-categories.style-1 {
  font-size: 0.9rem;   /* smaller base text */
}

.entry-categories.style-1 a,
.entry-categories.style-1 .category-style {
  font-size: inherit;
  padding: 0.2em;
  line-height: 1.2;
}

.entry-categories.style-1 .category-style {
  padding-left: 0.4em;
  padding-right: 1em;
}

/* =========================
   Mobile header - dark mode (wp-admin custom)
   ========================= */
html[data-theme="dark-mode"] .mean-container .mean-bar {
  background: var(--bg-main) !important;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark-mode"] .mean-container.mobile-sticky .mobile-mene-bar {
  background-color: var(--bg-main) !important;
}

/* Hamburger icon white in dark mode */
html[data-theme="dark-mode"] .mean-bar .sidebarBtn {
  color: var(--text-inverse) !important;
}

html[data-theme="dark-mode"] body .sidebarBtn .bar {
  background: var(--text-inverse) !important;
}