/*

 Theme Name: AirdropGiveaways

 Theme URI: https://airdropgiveaways.com

 Author: Grok

 Description: Premium WordPress theme for crypto airdrops with dark/light mode, high-tech minimalistic design.

 Version: 1.0

 License: GNU General Public License v2 or later

 License URI: http://www.gnu.org/licenses/gpl-2.0.html

 Text Domain: airdropgiveaways

*/



:root {

    --dark-bg: #121212;

    --light-bg: #F5F5F5;

    --turquoise: #40E0D0;

    --yellow: #FFD700;

    --orange: #FF8C00;

    --green: #00FF7F;

    --text-dark: #FFFFFF;

    --text-light: #000000;

}



body {

    background: var(--dark-bg);

    color: var(--text-dark);

    font-family: 'Montserrat', sans-serif;

    font-size: 16px;

    line-height: 1.6;

    margin: 0;

}



body.light-mode {

    background: var(--light-bg);

    color: var(--text-light);

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Orbitron', sans-serif;

    color: var(--turquoise);

    text-shadow: 0 0 10px rgba(64, 224, 208, 0.5);

}



blockquote {

    border-left: 4px solid var(--green);

    background: rgba(0, 255, 127, 0.1);

    padding: 20px;

    font-style: italic;

    color: var(--yellow);

    font-family: 'Orbitron', sans-serif;

}



.btn-primary {

    background: linear-gradient(45deg, var(--yellow), var(--orange));

    border: none;

    padding: 10px 20px;

    color: var(--dark-bg);

    border-radius: 5px;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    cursor: pointer;

}



.btn-primary:hover {

    transform: scale(1.05);

    box-shadow: 0 0 10px var(--green);

}



header {

    background: rgba(0, 0, 0, 0.8);

    padding: 20px 0;

    position: sticky;

    top: 0;

    z-index: 1000;

}



header .container {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.logo svg {

    max-width: 120px;

}



nav ul {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

}



nav ul li {

    margin-left: 20px;

}



nav ul li a {

    color: var(--turquoise);

    text-decoration: none;

    font-family: 'Orbitron', sans-serif;

}



nav ul li a:hover {

    color: var(--yellow);

}



#theme-toggle {

    background: none;

    border: none;

    color: var(--turquoise);

    font-size: 1.5em;

    cursor: pointer;

}



.container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

}



.row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -15px;

}



.col-md-8,

.col-md-4 {

    padding: 0 15px;

}



.col-md-8 {

    flex: 0 0 66.67%;

    max-width: 66.67%;

}



.col-md-4 {

    flex: 0 0 33.33%;

    max-width: 33.33%;

}



.sidebar {

    position: sticky;

    top: 20px;

}



.ad-banner img {

    width: 300px;

    height: 250px;

    margin-bottom: 20px;

    border-radius: 5px;

}



.timer-box {

    background: rgba(0, 255, 127, 0.1);

    border: 1px solid var(--green);

    padding: 15px;

    font-family: 'Orbitron', sans-serif;

    font-size: 1.2em;

    color: var(--turquoise);

    text-align: center;

    border-radius: 5px;

    box-shadow: 0 0 10px rgba(64, 224, 208, 0.5);

}



.author-profile {

    background: rgba(255, 255, 255, 0.05);

    padding: 20px;

    border-radius: 10px;

    box-shadow: 0 0 10px rgba(64, 224, 208, 0.3);

}



.author-profile h2 {

    color: var(--yellow);

}



footer {

    background: rgba(0, 0, 0, 0.8);

    padding: 20px 0;

    text-align: center;

    color: var(--turquoise);

}



footer a {

    color: var(--yellow);

    margin: 0 10px;

}



/* Responsive */

@media (max-width: 768px) {



    .col-md-8,

    .col-md-4 {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .sidebar {

        position: static;

    }



    header .container {

        flex-direction: column;

    }



    nav ul {

        flex-direction: column;

        text-align: center;

    }



    nav ul li {

        margin: 10px 0;

    }

}