/* UmrahRoom Create Post Mobile v1 — Step 7 — 2026-10-03 */
.ur-create-mobile-v1{display:none}
@media(max-width:900px){
  body.ur-create-post-mobile-step7{background:#f7fbff!important}
  body.ur-create-post-mobile-step7 #mainContent{background:linear-gradient(180deg,#f6fbff 0,#fff 64%,#f7fbff 100%)!important;min-height:calc(100vh - 54px)}
  body.ur-create-post-mobile-step7 .ur-create-desktop-legacy{display:none!important}
  body.ur-create-post-mobile-step7 .site-footer{display:none!important}
  .ur-create-mobile-v1{display:block;width:100%;max-width:560px;margin:0 auto;padding:8px 10px 82px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0b2358}
  .ur-create-mobile-v1 *{box-sizing:border-box}
  .ur-create-mobile-v1 a{text-decoration:none;color:inherit}
  .ur-create-mobile-v1 svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

  .ur-create-back{width:max-content;display:flex;align-items:center;gap:4px;height:28px;margin:0 0 3px;padding:0 3px;color:#173d77;font-size:9px;font-weight:750}
  .ur-create-back svg{width:15px;height:15px}
  .ur-create-heading{padding:1px 3px 9px}
  .ur-create-heading h1{margin:0;color:#07184f;font-size:28px;line-height:1.04;letter-spacing:-1px;font-weight:850}
  .ur-create-heading p{max-width:355px;margin:4px 0 0;color:#536f98;font-size:11.5px;line-height:1.4;font-weight:500}

  .ur-create-form{display:grid;gap:8px}
  .ur-create-kind{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;border:1px solid #d5e4f6;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(37,87,146,.045)}
  .ur-create-kind button{min-width:0;min-height:61px;display:grid;grid-template-columns:39px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-content:center;text-align:left;padding:6px 8px;border:1px solid transparent;border-radius:13px;background:#fff;color:#0b2358;cursor:pointer}
  .ur-create-kind button>span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eff6ff;color:#0874f9}
  .ur-create-kind button>span svg{width:22px;height:22px}
  .ur-create-kind button>b{align-self:end;font-size:10.8px;line-height:1.15;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ur-create-kind button>small{align-self:start;margin-top:2px;color:#6b82a5;font-size:8.2px;line-height:1.2;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ur-create-kind button.active{border-color:#bfddff;background:linear-gradient(100deg,#edf7ff,#dceeff);box-shadow:inset 0 0 0 1px rgba(8,116,249,.02)}
  .ur-create-kind button.active>span{background:#0874f9;color:#fff;box-shadow:0 6px 15px rgba(8,116,249,.21)}
  .ur-create-kind button.active>b,.ur-create-kind button.active>small{color:#0d63d8}

  .ur-create-card{display:grid;gap:10px;padding:12px 11px;border:1px solid #e0e9f5;border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(28,73,126,.045)}
  .ur-create-field{display:block;min-width:0;position:relative}
  .ur-create-label{display:flex;align-items:center;gap:4px;margin:0 0 5px;color:#091b53;font-size:11px;line-height:1.2;font-weight:800}
  .ur-create-label b{color:#ef2f45;font-size:11px}
  .ur-create-label em{color:#60799e;font-style:normal;font-weight:500}
  .ur-create-field>input,.ur-create-field>textarea,.ur-create-control{width:100%;border:1px solid #cfdff2;border-radius:11px;background:#fff;color:#173b72;box-shadow:inset 0 1px 1px rgba(22,61,111,.015);transition:border-color .15s,box-shadow .15s}
  .ur-create-field>input{height:43px;padding:0 11px;font:500 10px/1.25 Inter,sans-serif;outline:0}
  .ur-create-field>textarea{min-height:96px;resize:vertical;padding:10px 11px;font:500 10px/1.45 Inter,sans-serif;outline:0}
  .ur-create-field>input:focus,.ur-create-field>textarea:focus,.ur-create-control:focus-within{border-color:#78b5ff;box-shadow:0 0 0 3px rgba(8,116,249,.08)}
  .ur-create-field input::placeholder,.ur-create-field textarea::placeholder{color:#8296b3}
  .ur-create-counter{display:block;margin-top:4px;text-align:right;color:#6980a2;font-size:8px;font-weight:500}

  .ur-create-control{min-height:43px;display:flex;align-items:center;gap:8px;padding:0 10px}
  .ur-create-control>svg{width:18px;height:18px;flex:0 0 auto;color:#345b91}
  .ur-create-select-control select{appearance:none;-webkit-appearance:none;width:100%;height:41px;min-width:0;border:0;outline:0;background:transparent;color:#173b72;font:500 10px/1.2 Inter,sans-serif}
  .ur-create-select-control .ur-create-chevron{width:17px;height:17px;margin-left:auto;color:#173b72;pointer-events:none}
  .ur-create-select-control select:invalid{color:#7b90ae}

  .ur-create-tags-control{gap:7px}
  .ur-create-hash{color:#5876a2;font-size:22px;font-weight:500;line-height:1}
  .ur-create-tags-control input{width:100%;height:39px;min-width:0;border:0;outline:0;background:transparent;color:#173b72;font:500 10px Inter,sans-serif}
  .ur-create-tags-control input::placeholder{color:#8296b3}
  .ur-create-tags-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
  .ur-create-tags-list:empty{display:none}
  .ur-create-tag{height:25px;display:flex;align-items:center;gap:4px;padding:0 7px;border:1px solid #cfe3fb;border-radius:999px;background:#edf6ff;color:#0b67df;font-size:8.2px;font-weight:700}
  .ur-create-tag button{width:14px;height:14px;padding:0;border:0;border-radius:50%;background:#dbeeff;color:#0b67df;font-size:10px;line-height:1}
  .ur-create-field-help{display:flex;justify-content:space-between;gap:8px;margin-top:4px;color:#6c83a4;font-size:7.9px}
  .ur-create-field-help small{font:inherit;color:inherit}

  .ur-create-photo-drop{min-height:75px;display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 13px;border:1.5px dashed #9fc3ec;border-radius:12px;background:#fbfdff;cursor:pointer}
  .ur-create-photo-drop input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
  .ur-create-photo-icon{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#eef6ff;color:#0874f9}
  .ur-create-photo-icon svg{width:27px;height:27px}
  .ur-create-photo-drop>span:last-child{min-width:0}
  .ur-create-photo-drop b{display:block;color:#0874f9;font-size:10.8px;line-height:1.2}
  .ur-create-photo-drop small{display:block;margin-top:2px;color:#6680a5;font-size:8.1px;line-height:1.35}
  .ur-create-photo-previews{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:6px}
  .ur-create-photo-previews[hidden]{display:none!important}
  .ur-create-photo-preview{aspect-ratio:1;border:1px solid #d8e5f4;border-radius:9px;overflow:hidden;background:#f1f6fb}
  .ur-create-photo-preview img{width:100%;height:100%;display:block;object-fit:cover}

  .ur-create-settings-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;align-items:start}
  .ur-create-language-field .ur-create-control{min-height:43px}
  .ur-create-translate-field{min-width:0}
  .ur-create-translate-field .ur-create-label{white-space:nowrap}
  .ur-create-help{width:15px;height:15px;display:grid;place-items:center;padding:0;border:1px solid #7e9cc4;border-radius:50%;background:#fff;color:#496a96;font:800 9px/1 Inter}
  .ur-create-switch-line{display:grid;grid-template-columns:39px minmax(0,1fr);gap:7px;align-items:start;cursor:pointer}
  .ur-create-switch-line input{position:absolute;opacity:0;pointer-events:none}
  .ur-create-switch{width:39px;height:23px;border-radius:999px;background:#cad8e8;position:relative;transition:.16s}
  .ur-create-switch:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(21,56,99,.18);transition:.16s}
  .ur-create-switch-line input:checked+.ur-create-switch{background:#0874f9}
  .ur-create-switch-line input:checked+.ur-create-switch:after{transform:translateX(16px)}
  .ur-create-switch-line small{color:#617ca2;font-size:7.7px;line-height:1.32;font-weight:500}

  .ur-create-safety{display:grid;grid-template-columns:43px minmax(0,1fr);gap:9px;align-items:center;padding:10px 11px;border:1px solid #ffe1a8;border-radius:14px;background:linear-gradient(100deg,#fff7e2,#fff3d6)}
  .ur-create-safety>span{width:41px;height:41px;display:grid;place-items:center;border-radius:50%;background:#fff9e9;border:1px solid #ffd168;color:#f2a300}
  .ur-create-safety svg{width:23px;height:23px}
  .ur-create-safety b{display:block;color:#3e2f10;font-size:10px;line-height:1.2}
  .ur-create-safety p{margin:2px 0 0;color:#6d5b37;font-size:8.3px;line-height:1.34;font-weight:500}

  .ur-create-error{padding:9px 10px;border:1px solid #ffc3c8;border-radius:10px;background:#fff0f2;color:#b51f31;font-size:9px;font-weight:650;line-height:1.35}
  .ur-create-error[hidden]{display:none!important}
  .ur-create-publish{height:47px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;background:linear-gradient(100deg,#0874f9,#0069ef);color:#fff;box-shadow:0 10px 22px rgba(8,116,249,.19);font:800 11.5px/1 Inter,sans-serif;cursor:pointer}
  .ur-create-publish svg{width:20px;height:20px;stroke-width:1.9}
  .ur-create-publish:disabled{opacity:.65;cursor:wait}

  .ur-create-auth-gate{min-height:58vh;display:grid;place-items:center;align-content:center;text-align:center;padding:30px 18px;border:1px solid #dce8f6;border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(28,73,126,.045)}
  .ur-create-auth-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#edf6ff;color:#0874f9}.ur-create-auth-icon svg{width:26px;height:26px}
  .ur-create-auth-gate h2{margin:10px 0 4px;font-size:17px}.ur-create-auth-gate p{max-width:270px;margin:0;color:#6780a3;font-size:10px;line-height:1.4}.ur-create-auth-gate button{height:39px;margin-top:13px;padding:0 15px;border:0;border-radius:10px;background:#0874f9;color:#fff;font:750 10px Inter}
}

@media(max-width:380px){
  .ur-create-mobile-v1{padding-inline:8px}
  .ur-create-heading h1{font-size:26px}
  .ur-create-heading p{font-size:10.8px}
  .ur-create-kind button{grid-template-columns:34px minmax(0,1fr);column-gap:6px;padding-inline:6px}
  .ur-create-kind button>span{width:34px;height:34px;border-radius:10px}.ur-create-kind button>span svg{width:20px;height:20px}
  .ur-create-kind button>b{font-size:9.8px}.ur-create-kind button>small{font-size:7.4px}
  .ur-create-card{padding-inline:9px}
  .ur-create-settings-row{grid-template-columns:1fr;gap:8px}
  .ur-create-switch-line{grid-template-columns:39px minmax(0,1fr)}
}

@media(min-width:901px){.ur-create-mobile-v1{display:none!important}.ur-create-desktop-legacy{display:block}}
html[dir="rtl"] .ur-create-back svg{transform:scaleX(-1)}
html[dir="rtl"] .ur-create-kind button{text-align:right}
html[dir="rtl"] .ur-create-counter{text-align:left}
html[dir="rtl"] .ur-create-select-control .ur-create-chevron{margin-left:0;margin-right:auto}
html[dir="rtl"] .ur-create-switch:after{left:auto;right:3px}
html[dir="rtl"] .ur-create-switch-line input:checked+.ur-create-switch:after{transform:translateX(-16px)}
