/*
Theme Name: CocoVariety Export
Theme URI: https://cocovariety.com
Author: CocoVariety Indonesia
Author URI: https://cocovariety.com
Description: Clean editorial warm minimalist WordPress theme for CocoVariety.com — Indonesian exporter of Coconut Fiber, Coco Peat, and Coco Peat Bricks. Features an automatic single-tone Home Slider, CLS-safe Google AdSense slots, interactive Contact Map, smooth scroll fade-in button animations, Social Media integration, and full WordPress Customizer support for Logo & Tagline.
Version: 1.2.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cocovariety
Tags: custom-logo, blog, one-column, two-columns, right-sidebar, custom-menu, featured-images, theme-options
*/

:root {
  --ease-curtain: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background: linear-gradient(155deg, #F5DEC2 0%, #FAF0E4 52%, #F5DEC2 100%);
  color: #241F1C;
  overflow-x: hidden;
}

.font-editorial {
  font-family: 'Playfair Display', Georgia, serif;
}

.slide-anim-item {
  transition: transform 0.78s var(--ease-curtain), opacity 0.65s var(--ease-out-expo);
  will-change: transform, opacity;
}

/* Direct Product Image (No Plate, Seamless Blend on Warm Cream #F5DEC2) */
.direct-product-img {
  transition: transform 0.85s var(--ease-curtain), filter 0.6s ease;
  mix-blend-mode: multiply;
}

.direct-product-img:hover {
  transform: translateY(-6px) scale(1.03);
}

/* WordPress Custom Logo Styling */
.custom-logo-link img.custom-logo {
  max-height: 46px;
  width: auto;
  object-fit: contain;
}

/* Smooth Fade-In Button Animation on Page Scroll Down */
.scroll-fade-btn {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.75s var(--ease-out-expo), transform 0.75s var(--ease-out-expo), background-color 0.25s ease, box-shadow 0.25s ease;
  will-change: opacity, transform;
}

.scroll-fade-btn.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Floating Scroll-Down Action Button */
.floating-scroll-cta {
  opacity: 0;
  transform: translateY(24px);
  pointer-events: none;
  transition: opacity 0.55s var(--ease-out-expo), transform 0.55s var(--ease-out-expo);
}

.floating-scroll-cta.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* AdSense CLS-Safe Containers */
.adsense-slot {
  position: relative;
  overflow: hidden;
  background: rgba(253, 249, 243, 0.65);
  border: 1px dashed rgba(217, 130, 75, 0.35);
  transition: border-color 0.25s ease, background-color 0.25s ease;
}

.adsense-slot:hover {
  border-color: rgba(217, 130, 75, 0.7);
  background: rgba(253, 249, 243, 0.9);
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #FAF0E4;
}

::-webkit-scrollbar-thumb {
  background: #D9824B;
  border-radius: 9999px;
}