/*
Theme Name: Facebook Clone Theme
Theme URI: https://example.com
Description: A professional Facebook-style WordPress theme with image feed, video pages, and advanced ad management system.
Version: 1.0.0
Author: NSC
Author URI: https://example.com
Text Domain: facebook-clone
Tags: facebook, social, mobile, android, responsive, ads
*/

/* ===========================
   RESET & BASE
=========================== */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --fb-blue: #1877F2;
    --fb-blue-dark: #166FE5;
    --fb-blue-light: #E7F3FF;
    --fb-green: #42B72A;
    --fb-gray-bg: #F0F2F5;
    --fb-gray-border: #CED0D4;
    --fb-gray-text: #65676B;
    --fb-dark: #1C1E21;
    --fb-white: #FFFFFF;
    --fb-card-shadow: 0 1px 2px rgba(0,0,0,0.2);
    --fb-radius: 8px;
    --max-width: 500px;
    --header-height: 56px;
    --bottom-nav-height: 56px;
}

html {
    font-size: 15px;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    background-color: var(--fb-gray-bg);
    color: var(--fb-dark);
    min-height: 100vh;
    overflow-x: hidden;
    line-height: 1.34;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

button {
    cursor: pointer;
    border: none;
    background: none;
    font-family: inherit;
}

input, textarea {
    font-family: inherit;
}

/* ===========================
   LAYOUT CONTAINER
=========================== */
.fb-app {
    max-width: var(--max-width);
    margin: 0 auto;
    background: var(--fb-gray-bg);
    min-height: 100vh;
    position: relative;
}

/* Push content below fixed header */
.fb-page-content {
    padding-top: var(--header-height);
    padding-bottom: calc(var(--bottom-nav-height) + 8px);
}

/* ===========================
   AD WRAPPERS (Global)
=========================== */
.fb-ad-wrapper {
    background: var(--fb-white);
    border-top: 1px solid var(--fb-gray-border);
    border-bottom: 1px solid var(--fb-gray-border);
    margin: 0;
    overflow: hidden;
}

.fb-ad-label {
    font-size: 11px;
    color: var(--fb-gray-text);
    padding: 4px 12px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fb-ad-slot {
    min-height: 50px;
    display: block;
    width: 100%;
}

.fb-ad-slot ins, .fb-ad-slot > * {
    display: block;
    width: 100% !important;
}

/* ===========================
   SCROLLBAR STYLING
=========================== */
::-webkit-scrollbar {
    width: 0;
    background: transparent;
}