/*
Theme Name: AdVoice
Theme URI: https://example.com/advoice
Author: AI Developer
Author URI: https://example.com
Description: AdVoice is a modern WordPress theme designed for voice‑over creation and auto‑social media marketing.  It includes tools for generating AI voiceovers, publishing podcasts, converting images into video slideshows with narration and building SEO‑optimised pages.  The theme provides a clean, responsive layout with built‑in social sharing, schema markup support and fast loading performance.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: advoice
Tags: custom-background, custom-logo, custom-menu, featured-images, full-width-template, translation-ready
*/

/* Base styles */
body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
}

a {
    color: #007acc;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

header.site-header {
    background-color: #0a192f;
    color: #fff;
    padding: 20px 0;
}

.site-header .container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

.site-header .logo {
    font-size: 1.8rem;
    font-weight: 700;
}

.site-header nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
}

.site-header nav li {
    display: inline-block;
}

.site-header nav a {
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.site-header nav a:hover,
.site-header nav a:focus {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Hero section */
.hero {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6)), url('assets/images/hero-future.webp') center/cover no-repeat;
    color: #fff;
    text-align: center;
    padding: 120px 20px;
}

.hero h1 {
    font-size: 2.8rem;
    margin-bottom: 20px;
}

.hero p {
    font-size: 1.2rem;
    margin-bottom: 30px;
}

.hero .btn-primary {
    background-color: #ff6b6b;
    color: #fff;
    padding: 12px 30px;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.hero .btn-primary:hover,
.hero .btn-primary:focus {
    background-color: #e65a5a;
}

/* Content sections */
.section {
    padding: 60px 20px;
    max-width: 1100px;
    margin: 0 auto;
}

.section:nth-of-type(even) {
    background-color: #f9f9f9;
}

.section h2 {
    font-size: 2rem;
    margin-bottom: 20px;
    text-align: center;
}

.features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 30px;
}

.feature {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    text-align: center;
}

.feature .icon {
    font-size: 2.5rem;
    margin-bottom: 15px;
    color: #ff6b6b;
}

.feature h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.feature p {
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Footer */
footer.site-footer {
    background-color: #0a192f;
    color: #fff;
    padding: 40px 20px;
}

.site-footer .container {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.site-footer .footer-col {
    flex: 1;
    min-width: 200px;
}

.site-footer h4 {
    margin-bottom: 15px;
    font-size: 1.1rem;
}

.site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer li {
    margin-bottom: 8px;
}

.site-footer a {
    color: #fff;
    transition: opacity 0.3s ease;
}

.site-footer a:hover,
.site-footer a:focus {
    opacity: 0.8;
}

/* Voiceover generator styles */
.voiceover-form {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.voiceover-form textarea {
    width: 100%;
    height: 150px;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

.voiceover-form select,
.voiceover-form input[type="range"],
.voiceover-form button {
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;
}

.voiceover-form button {
    background-color: #ff6b6b;
    color: #fff;
    cursor: pointer;
    border: none;
    transition: background-color 0.3s ease;
}

.voiceover-form button:hover,
.voiceover-form button:focus {
    background-color: #e65a5a;
}

/* Social sharing */
.social-share {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}

.social-share a {
    color: #0a192f;
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.social-share a:hover,
.social-share a:focus {
    background-color: #dedede;
}

/* Testimonials Section */
.testimonials-section {
    background-color: #fff;
    text-align: center;
}
.testimonials-section h2 {
    margin-bottom: 20px;
}

/* Script Generator, Translator and Contact Sections */
.script-generator-section,
.translator-section,
.contact-section {
    background-color: #f9f9f9;
}
.script-generator-section h2,
.translator-section h2,
.contact-section h2 {
    margin-bottom: 15px;
    text-align: center;
}