/*
Theme Name:   Pashtun Nikah
Theme URI:    https://pashtunnikah.com
Description:  Custom theme for Pashtun Nikah matrimony website.
Version:      1.0.0
Author:       Pashtun Nikah Team
Text Domain:  pashtun-nikah
Tags:         matrimony, islamic, custom
*/

/* Theme styles are primarily handled by the plugin CSS.
   This file provides theme-level structure. */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	background: #f8f7f4;
	color: #2c2c2c;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

#page { flex: 1; display: flex; flex-direction: column; }
#content { flex: 1; }

/* Prevent WP admin bar shifting layout */
.admin-bar .pn-site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .pn-site-header { top: 46px; } }

img { max-width: 100%; height: auto; }
a { text-decoration: none; }
/* --- Header Layout --- */
.pn-site-header {
    background-color: #131c31; /* Deep navy blue from your design */
    height: 70px; /* Fixed height for the main bar */
    width: 100%;
    position: relative;
    z-index: 999;
    display: flex;
    align-items: center;
}

.pn-inner {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: flex-end; /* Pushes navigation to the right */
    padding-right: 40px;
}

/* --- Logo Curve & Background --- */
.pn-logo-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 320px; /* Adjust this based on your exact logo width */
    height: 120px; /* Extends below the main 70px header */
    background-color: #131c31;
    border-bottom-right-radius: 40px; /* The outer rounded corner */
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
}

/* The CSS Trick: Creates the smooth inner concave curve */
.pn-logo-wrapper::after {
    content: '';
    position: absolute;
    right: -30px; 
    top: 40px; /* (70px header height) - (30px curve height) */
    width: 30px;
    height: 30px;
    background: transparent;
    border-bottom-left-radius: 30px;
    box-shadow: -15px 0 0 0 #131c31; /* Fills the gap to seamlessly connect to the header */
}

/* Ensure the image fits inside the wrapper */
.pn-logo img {
    max-width: 180px; 
    height: auto;
    display: block;
}

/* --- Navigation Links --- */
.pn-nav {
    display: flex;
    align-items: center;
    gap: 30px; /* Spacing between text links */
}

.pn-nav a {
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}

.pn-nav a:hover {
    color: #d4b260; /* Matches the gold button on hover */
}

/* --- Register Button --- */
.pn-nav a.pn-nav-register {
    background-color: #d4b260; /* Gold/Mustard color */
    color: #131c31; /* Dark blue text */
    padding: 8px 28px;
    border-radius: 25px; /* Pill shape */
    font-weight: 600;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.pn-nav a.pn-nav-register:hover {
    background-color: #c2a153; /* Slightly darker gold on hover */
    color: #131c31;
    transform: translateY(-2px); /* Slight lift effect */
}