/*
Theme Name: CoWrite
Theme URI: https://github.com/google-deepmind/cowrite-theme
Author: Antigravity AI
Author URI: https://deepmind.google/
Description: A premium, highly aesthetic WordPress Block Theme designed specifically for multi-author blogs, developer portals, and tech magazines. Featuring full-site editing, built-in reading time calculations, glassmorphism UI layouts, and smooth animations.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cowrite
Tags: full-site-editing, block-patterns, dark, multi-author, one-column, grid-layout, translation-ready, custom-colors, custom-spacing, fluid-typography
*/

/* --- Google Fonts Import --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');

/* --- Custom Utility Styles & Animations --- */
:root {
  --cowrite-gradient-primary: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
  --cowrite-gradient-accent: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);
  --cowrite-glass-bg: rgba(15, 23, 42, 0.65);
  --cowrite-glass-border: rgba(255, 255, 255, 0.08);
  --cowrite-shadow-glow: 0 10px 30px -10px rgba(99, 102, 241, 0.3);
  --cowrite-shadow-hover: 0 20px 40px -15px rgba(168, 85, 247, 0.45);
}

/* Base Body smooth transitions */
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

/* Glassmorphism card utility */
.cowrite-glass-card {
  background: var(--cowrite-glass-bg) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--cowrite-glass-border) !important;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
  border-radius: 16px !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.cowrite-glass-card:hover {
  border-color: rgba(168, 85, 247, 0.3) !important;
  box-shadow: var(--cowrite-shadow-hover);
  transform: translateY(-4px);
}

/* Gradient text utility */
.cowrite-gradient-text {
  background: var(--cowrite-gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 800;
}

.cowrite-gradient-text-alt {
  background: var(--cowrite-gradient-accent);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 800;
}

/* Image zoom on hover */
.cowrite-hover-zoom img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.cowrite-hover-zoom:hover img {
  transform: scale(1.05);
}

/* Micro-animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cowrite-animate-fade-in {
  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Floating custom decoration circles */
.cowrite-glow-circle {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  z-index: 0;
  pointer-events: none;
  opacity: 0.15;
}

.cowrite-glow-circle-1 {
  width: 300px;
  height: 300px;
  background: #6366f1;
  top: 10%;
  left: 5%;
}

.cowrite-glow-circle-2 {
  width: 400px;
  height: 400px;
  background: #a855f7;
  bottom: 20%;
  right: 5%;
}

/* Author badges and layout style fixes */
.cowrite-author-avatar img {
  border: 2px solid #a855f7 !important;
  padding: 2px;
  background: #0f172a;
}

/* Adjust post reading time display */
.cowrite-read-time {
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #94a3b8;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Smooth search bar styling */
.wp-block-search__input {
  background: rgba(30, 41, 59, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
  padding: 10px 20px !important;
  transition: all 0.3s ease !important;
}

.wp-block-search__input:focus {
  border-color: #a855f7 !important;
  box-shadow: 0 0 0 2px rgba(168, 85, 247, 0.2) !important;
  outline: none !important;
}

.wp-block-search__button {
  background: var(--cowrite-gradient-primary) !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
  padding: 10px 24px !important;
  font-weight: 600 !important;
  border: none !important;
  transition: opacity 0.2s ease !important;
  margin-left: -50px !important;
}

.wp-block-search__button:hover {
  opacity: 0.9 !important;
}

/* Scrollbar customization */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #0b0f19;
}

::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #334155;
}