/*
Theme Name: Oxygen Mobile Empty
Theme URI: https://example.com/
Author: Oxygen
Description: قالب WordPress فارغ وخفيف ومتجاوب مع الجوال، مخصص لتركيب الأكواد والمحتوى لاحقاً.
Version: 1.0.0
Text Domain: oxygen-mobile-empty
*/
:root{
  --oxygen-bg:#fff;
  --oxygen-text:#111;
  --oxygen-muted:#666;
  --oxygen-border:#e8e8e8;
  --oxygen-max:1200px;
}
*{box-sizing:border-box}
html{margin:0;padding:0;scroll-behavior:smooth}
body{margin:0;background:var(--oxygen-bg);color:var(--oxygen-text);font-family:Arial,Tahoma,sans-serif;line-height:1.6;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:inherit}
button,input,textarea,select{font:inherit}
.oxygen-mobile-wrap{width:100%;min-height:100vh}
.oxygen-container{width:min(100% - 32px,var(--oxygen-max));margin-inline:auto}
.oxygen-site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--oxygen-border)}
.oxygen-header-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.oxygen-site-title{font-weight:700;text-decoration:none;font-size:18px}
.oxygen-mobile-menu{display:none}
.oxygen-content{min-height:calc(100vh - 130px);padding:24px 0}
.oxygen-page-slot{width:100%;min-height:60vh}
.oxygen-site-footer{border-top:1px solid var(--oxygen-border);padding:20px 0;color:var(--oxygen-muted);font-size:14px}

/* Optional WordPress content safety */
.alignwide{width:min(100%,1200px);margin-inline:auto}
.alignfull{width:100%;margin-inline:0}
.wp-block-image img,.wp-block-cover img{max-width:100%}
table{max-width:100%;overflow-x:auto;display:block}
pre{max-width:100%;overflow:auto}
iframe{max-width:100%}

/* Mobile-first touch behavior */
@media (max-width:767px){
  .oxygen-container{width:min(100% - 20px,var(--oxygen-max))}
  .oxygen-header-inner{min-height:56px}
  .oxygen-site-title{font-size:16px}
  .oxygen-content{padding:12px 0}
  .oxygen-page-slot{min-height:calc(100vh - 110px)}
  html{overscroll-behavior-x:none}
  body{touch-action:pan-y}
}

/* Keep embedded/custom code inside the page from breaking the layout */
.oxygen-page-slot > *{max-width:100%}
.oxygen-page-slot iframe,
.oxygen-page-slot video,
.oxygen-page-slot canvas{max-width:100%}