/*
Theme Name: Dalilar Theme
Theme URI: https://dalilar.com
Author: Dalilar Team
Author URI: https://dalilar.com
Description: A lightweight, distinct, and SEO-friendly theme for Dalilar, built with Tailwind CSS.
Version: 1.1.0
Text Domain: dalilar
*/

/* Base styles are handled by Tailwind CSS, but we add some defaults here for WP compatibility */

body {
    font-family: 'Cairo', sans-serif;
}

/* WordPress Core Alignment Classes */
.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}
.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

.alignwide {
    max-width: 100%;
    margin-bottom: 1.5em;
}

.alignfull {
    max-width: 100%;
    margin-bottom: 1.5em;
}

/* Screen Reader Text */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* Captions */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption-text {
    text-align: center;
    font-size: 0.875rem;
    color: #6b7280;
    margin-top: 0.5rem;
}

/* Footer Menu Styling to match Tailwind design */
.footer-menu li a {
    color: #94a3b8; /* text-slate-400 */
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.footer-menu li a:hover {
    color: white;
    transform: translateX(-4px);
}

.footer-menu li a::before {
    content: '';
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    background-color: #2563eb; /* blue-600 */
    border-radius: 9999px;
}

/* Ad Containers */
.dalilar-ad-header,
.dalilar-ad-footer,
.dalilar-ad-post {
    max-width: 100%;
    overflow: hidden;
    text-align: center;
}

.dalilar-ad-header img,
.dalilar-ad-footer img,
.dalilar-ad-post img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}