/* Theme Name: Organic Nature */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

:root {
    --primary: #10b981;
    --primary-light: #34d399;
    --bg-color: #f0fdf4;
    --body-bg: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="leaves" x="0" y="0" width="60" height="60" patternUnits="userSpaceOnUse"><path d="M30 10 Q40 0 50 10 T30 30 Q20 20 30 10 Z" fill="rgba(16, 185, 129, 0.05)"/></pattern></defs><rect width="100%" height="100%" fill="%23f0fdf4"/><rect width="100%" height="100%" fill="url(%23leaves)"/></svg>');
    --card-bg: rgba(255, 255, 255, 0.95);
    --card-border: rgba(16, 185, 129, 0.2);
    --text-main: #064e3b;
    --text-muted: #065f46;
    --border-color: #d1fae5;
    --icon-bg: rgba(16, 185, 129, 0.1);
    --qr-section-bg: rgba(240, 253, 244, 0.5);
    --qr-code-bg: white;
    --profile-placeholder-bg: white;
    --profile-placeholder-text: var(--primary);
    
    --font-main: 'Quicksand', sans-serif;
    --name-size: 1.8rem;
}

.card {
    border-radius: 40px;
    box-shadow: 0 15px 35px rgba(6, 78, 59, 0.1);
}

.header {
    background: linear-gradient(120deg, #059669, #34d399);
    border-radius: 40px 40px 0 0;
}

.profile-img, .profile-img-placeholder {
    /* Leaf-like organic shape */
    border-radius: 50% 50% 50% 10% / 50% 50% 50% 10%;
    border: 3px solid white;
}

.profile-img {
    transform: translateX(-50%);
}

.profile-img-placeholder {
    transform: translateX(-50%) rotate(-45deg);
}

.profile-img-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Reset rotation for the inner content of placeholder */
.profile-img-placeholder {
    line-height: 1;
}

.contact-icon {
    border-radius: 50% 50% 50% 10% / 50% 50% 50% 10%;
    transform: rotate(-45deg);
}

.contact-icon i {
    transform: rotate(45deg); /* Counter-rotate icon */
}

.btn {
    border-radius: 20px;
}