/*
File: functions.php
*/
/*
File: style.css
*/
/*
Theme Name: Djewno Child
Template: hello-elementor
Version: 1.0
Author: stileluxe
Description: Pastel renklerde sliderlı, ikonlu ve mobil uyumlu header yapısı.
*/
body {
font-family: 'Helvetica Neue', sans-serif;
background-color: #fdfcfc;
margin: 0;
padding: 0;
}
/* Kayan Yazı Barı */
.header-marquee {
background: #703639;
color: #fff;
text-align: center;
padding: 8px 0;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
}
/* Header Layout */
.site-header {
display: grid;
grid-template-columns: 1fr 1fr;
height: auto;
overflow: hidden;
position: relative;
}
.header-left {
background: linear-gradient(135deg, #f6f1f1, #f2e8e8, #e9dcdc);
display: flex;
flex-direction: column;
justify-content: center;
padding: 60px;
position: relative;
}
.header-right {
background-image: url('assets/slider/slide3.jpg');
background-size: cover;
background-position: center;
}
.logo img {
max-width: 120px;
filter: drop-shadow(0 0 8px rgba(112, 54, 57, 0.4));
}
.header-text h1 {
font-size: 42px;
color: #333;
margin: 0;
}
.header-text h1 span {
color: #703639;
text-shadow: 0 0 8px rgba(255, 204, 204, 0.6);
}
/* Search Form */
.search-form {
display: flex;
max-width: 400px;
margin-top: 40px;
}
.search-field {
flex: 1;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px 0 0 5px;
font-size: 15px;
}
.search-submit {
background-color: #703639;
color: #fff;
border: none;
padding: 10px 14px;
border-radius: 0 5px 5px 0;
cursor: pointer;
}
/* Icons */
.icons {
display: flex;
gap: 20px;
margin-top: 30px;
}
.icons a {
color: #703639;
font-size: 18px;
text-decoration: none;
display: flex;
align-items: center;
gap: 5px;
transition: all 0.3s;
}
.icons a:hover {
text-shadow: 0 0 8px #c49b6c;
}
/* Main Navigation */
nav.main-nav {
background: #fafafa;
padding: 10px 0;
text-align: center;
position: relative;
z-index: 1000;
}
.main-nav .menu {
display: flex;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
gap: 30px;
}
.main-nav .menu li a {
text-decoration: none;
color: #703639;
font-weight: bold;
position: relative;
text-transform: uppercase;
}
.main-nav .menu li a:hover::after,
.main-nav .menu li.current-menu-item a::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -5px;
height: 2px;
background: #c49b6c;
animation: blink 1s infinite;
}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0.2; }
}
/* ALT MENÜLER & GLOW EFEKTLİ AKTİF ÖĞE */
.main-nav .menu li {
position: relative;
}
.main-nav .menu li ul.sub-menu {
position: absolute !important;
top: 100%;
left: 0;
min-width: 200px;
background-color: #fff;
border: 1px solid #ddd;
display: none;
z-index: 999 !important;
padding: 0;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.main-nav .menu li:hover > ul.sub-menu {
display: block !important;
}
.main-nav .menu li ul.sub-menu li a {
padding: 10px 15px;
color: #333;
text-decoration: none;
display: block;
transition: background .2s, color .2s;
}
.main-nav .menu li ul.sub-menu li a:hover {
background-color: #f5f5f5;
color: #703639;
}
.main-nav .menu li.current-menu-item > a,
.main-nav .menu li.current_page_item > a {
color: #c49b6c !important;
text-shadow: 0 0 8px #c49b6c, 0 0 12px #c49b6c;
animation: glowBlink 1.5s infinite;
}
@keyframes glowBlink {
0%, 100% { opacity: 1; }
50% { opacity: 0.3; }
}
/* Responsive */
@media (max-width: 768px) {
.site-header { display: block; }
.header-left, .header-right { padding: 40px 20px; }
nav.main-nav { position: static; margin-top: 20px; }
.main-nav .menu { flex-direction: column; gap: 10px; }
}
/*
File: header.php
*/