/**
 * Picsala iPad Portrait Layout
 * Candidate 1.0.0
 * Scope is activated only by JS on touch tablets in portrait orientation.
 */

@media screen and (min-width: 744px) and (max-width: 1024px) and (orientation: portrait) {

    /* Hide the current mobile navigation only in portrait tablet mode. */
    html.picsala-ipad-portrait .mobile-menu,
    html.picsala-ipad-portrait .mobile-menu-icon,
    html.picsala-ipad-portrait #rogai-mobile-search-form {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Re-enable and resize the existing desktop primary navigation. */
    html.picsala-ipad-portrait .picsala-ipad-primary-nav {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.picsala-ipad-portrait .picsala-ipad-primary-nav > div,
    html.picsala-ipad-portrait .picsala-ipad-primary-nav .menu-fapvu-main-menu-container {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html.picsala-ipad-portrait .picsala-ipad-primary-nav #primary-menu {
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: stretch !important;
        justify-content: center !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 6px !important;
        white-space: nowrap !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.picsala-ipad-portrait .picsala-ipad-primary-nav #primary-menu > li {
        display: block !important;
        flex: 0 1 auto !important;
        float: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }

    html.picsala-ipad-portrait .picsala-ipad-primary-nav #primary-menu > li > a {
        display: block !important;
        padding-right: clamp(4px, 0.65vw, 7px) !important;
        padding-left: clamp(4px, 0.65vw, 7px) !important;
        font-size: clamp(10.5px, 1.35vw, 13px) !important;
        line-height: 44px !important;
        white-space: nowrap !important;
    }

    /* A clone of the existing desktop search form is placed below the menu. */
    html.picsala-ipad-portrait .picsala-ipad-search-wrap {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 12px 0 4px !important;
        box-sizing: border-box !important;
        clear: both !important;
    }

    html.picsala-ipad-portrait .picsala-ipad-search-wrap .header-search {
        display: block !important;
        float: none !important;
        position: static !important;
        inset: auto !important;
        width: 50% !important;
        max-width: 520px !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html.picsala-ipad-portrait .picsala-ipad-search-wrap .header-search form {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    html.picsala-ipad-portrait .picsala-ipad-search-wrap .header-search .search-input {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

    /* Standard gallery archives and profile gallery lists: four cards per row. */
    html.picsala-ipad-portrait body.picsala-ipad-grid-enabled #primary .ht_grid_1_4,
    html.picsala-ipad-portrait body.picsala-ipad-grid-enabled .content-area .ht_grid_1_4 {
        float: left !important;
        clear: none !important;
        width: 25% !important;
        max-width: 25% !important;
        box-sizing: border-box !important;
    }

    /* Dedicated directory and functional-page grids: four cards per row. */
    html.picsala-ipad-portrait body.picsala-ipad-grid-enabled .fapvu-fp-grid,
    html.picsala-ipad-portrait body.picsala-ipad-grid-enabled .fapvu-md-grid,
    html.picsala-ipad-portrait body.picsala-ipad-grid-enabled .picsala-country-grid,
    html.picsala-ipad-portrait body.picsala-ipad-grid-enabled .picsala-style-grid,
    html.picsala-ipad-portrait body.picsala-ipad-grid-enabled .picsala-studio-grid,
    html.picsala-ipad-portrait body.picsala-ipad-grid-enabled .picsala-ad-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Sidebar card grids: three cards per row. */
    html.picsala-ipad-portrait .rgtp-grid,
    html.picsala-ipad-portrait .rgrp-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* PICSALA_IPAD_PORTRAIT_FINAL_FIX_20260713_START */

/*
 * Scope: chỉ hoạt động khi JavaScript của plugin đã xác nhận
 * thiết bị là iPad và đang ở chiều dọc.
 */


/* 1. Ẩn toàn bộ thanh Search / Browse kiểu mobile cũ */

html.picsala-ipad-portrait #rogai-mobile-catbar,
html.picsala-ipad-portrait #rogai-mobile-catbar-row,
html.picsala-ipad-portrait #rogai-mobile-search-form,
html.picsala-ipad-portrait #rogai-mobile-cat-toggle,
html.picsala-ipad-portrait #rogai-mobile-cat-list,
html.picsala-ipad-portrait .picsala-mobile-header-search,
html.picsala-ipad-portrait .mobile-menu,
html.picsala-ipad-portrait .mobile-menu-icon {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


/* 2. Mở chiều cao header để menu không bị cắt */

html.picsala-ipad-portrait .picsala-ipad-header-host,
html.picsala-ipad-portrait .picsala-ipad-nav-parent,
html.picsala-ipad-portrait .picsala-ipad-primary-nav {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}


/* Menu desktop hiển thị trọn vẹn trên một hàng */

html.picsala-ipad-portrait
.picsala-ipad-primary-nav #primary-menu {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    max-height: none !important;
    overflow: visible !important;
}

html.picsala-ipad-portrait
.picsala-ipad-primary-nav #primary-menu > li {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: auto !important;
}

html.picsala-ipad-portrait
.picsala-ipad-primary-nav #primary-menu > li > a {
    display: block !important;
    width: 100% !important;
    min-height: 42px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: clamp(10px, 1.4vw, 13px) !important;
    line-height: 42px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* 3. Search nằm trong luồng trang, không đè Random Models Bar */

html.picsala-ipad-portrait
.picsala-ipad-search-wrap {
    display: flex !important;
    position: relative !important;
    inset: auto !important;
    float: none !important;
    clear: both !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px 12px 14px !important;
    overflow: visible !important;
    transform: none !important;
    box-sizing: border-box !important;
}

html.picsala-ipad-portrait
.picsala-ipad-search-wrap .header-search {
    display: block !important;
    position: static !important;
    inset: auto !important;
    float: none !important;
    width: 50% !important;
    max-width: 520px !important;
    min-width: 320px !important;
    height: auto !important;
    margin: 0 auto !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}

html.picsala-ipad-portrait
.picsala-ipad-search-wrap .header-search form {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
}


/* 4. Recent Galleries sidebar thành 3 cột thật */

html.picsala-ipad-portrait
.rgrp-widget .rgrp-grid,
html.picsala-ipad-portrait
#secondary .rgrp-widget .rgrp-grid,
html.picsala-ipad-portrait
.widget-area .rgrp-widget .rgrp-grid,
html.picsala-ipad-portrait
aside .rgrp-widget .rgrp-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px 8px !important;
    width: 100% !important;
    max-width: 100% !important;
}

html.picsala-ipad-portrait
.rgrp-widget .rgrp-card,
html.picsala-ipad-portrait
#secondary .rgrp-widget .rgrp-card,
html.picsala-ipad-portrait
.widget-area .rgrp-widget .rgrp-card,
html.picsala-ipad-portrait
aside .rgrp-widget .rgrp-card {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    flex: none !important;
}


/* 5. Gallery trong tất cả hồ sơ model thành 4 cột */

html.picsala-ipad-portrait
body.single-fapvu_model .psm-gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

html.picsala-ipad-portrait
body.single-fapvu_model .psm-gallery-grid > * {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
    box-sizing: border-box !important;
}


/* Pagination nếu nằm trong grid vẫn chiếm trọn một hàng */

html.picsala-ipad-portrait
body.single-fapvu_model .psm-gallery-grid > .pagination,
html.picsala-ipad-portrait
body.single-fapvu_model .psm-gallery-grid > .navigation,
html.picsala-ipad-portrait
body.single-fapvu_model .psm-gallery-grid > .nav-links {
    grid-column: 1 / -1 !important;
}

/* PICSALA_IPAD_PORTRAIT_FINAL_FIX_20260713_END */
/* PICSALA_IPAD_HEADER_RECENT_FINAL_START */

html.picsala-ipad-portrait .mobile-nav-toggle,
html.picsala-ipad-portrait button.nav-toggle,
html.picsala-ipad-portrait .menu-modal {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

html.picsala-ipad-portrait .picsala-ipad-search-wrap {
  display:none!important;
}

html.picsala-ipad-portrait #masthead,
html.picsala-ipad-portrait .site-header,
html.picsala-ipad-portrait .site-header .container,
html.picsala-ipad-portrait .site-header .container-inner {
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

html.picsala-ipad-portrait .site-branding {
  display:flex!important;
  float:left!important;
  align-items:center!important;
  width:44%!important;
  max-width:44%!important;
  height:66px!important;
  min-height:66px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

html.picsala-ipad-portrait .site-branding #logo {
  display:flex!important;
  align-items:center!important;
  height:66px!important;
  line-height:normal!important;
  overflow:visible!important;
}

html.picsala-ipad-portrait .header-search,
html.picsala-ipad-portrait .header-search.no-top-menu {
  display:block!important;
  float:right!important;
  position:relative!important;
  inset:auto!important;
  width:52%!important;
  max-width:52%!important;
  height:66px!important;
  min-height:66px!important;
  margin:0!important;
  padding:14px 0 10px!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

html.picsala-ipad-portrait .header-search form {
  display:flex!important;
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  height:42px!important;
  margin:0!important;
}

html.picsala-ipad-portrait .header-search .search-input,
html.picsala-ipad-portrait .header-search .search-field {
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:42px!important;
  line-height:42px!important;
}

html.picsala-ipad-portrait .header-search .search-submit,
html.picsala-ipad-portrait .header-search button {
  flex:0 0 auto!important;
  height:42px!important;
}

html.picsala-ipad-portrait .main-navigation,
html.picsala-ipad-portrait #site-navigation,
html.picsala-ipad-portrait .primary-menu-wrapper,
html.picsala-ipad-portrait .picsala-ipad-nav-parent,
html.picsala-ipad-portrait .picsala-ipad-primary-nav {
  clear:both!important;
  float:none!important;
  display:block!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:44px!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  transform:none!important;
}

html.picsala-ipad-portrait #primary-menu {
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  transform:none!important;
}

html.picsala-ipad-portrait #primary-menu > li {
  flex:1 1 0!important;
  min-width:0!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
}

html.picsala-ipad-portrait #primary-menu > li > a {
  display:block!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 4px!important;
  font-size:clamp(10px,1.4vw,13px)!important;
  line-height:44px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

html.picsala-ipad-portrait body #secondary .rgrp-widget .rgrp-grid,
html.picsala-ipad-portrait body .widget-area .rgrp-widget .rgrp-grid,
html.picsala-ipad-portrait body aside .rgrp-widget .rgrp-grid,
html.picsala-ipad-portrait body .rgrp-widget .rgrp-grid,
html.picsala-ipad-portrait body .rgrp-grid {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:10px 8px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

html.picsala-ipad-portrait body .rgrp-grid > .rgrp-card,
html.picsala-ipad-portrait body .rgrp-widget .rgrp-card {
  display:block!important;
  grid-column:auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  flex:none!important;
}

html.picsala-ipad-portrait body .rgrp-card .rgrp-thumb,
html.picsala-ipad-portrait body .rgrp-card .rgrp-thumb img {
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

/* PICSALA_IPAD_HEADER_RECENT_FINAL_END */
/* PICSALA_IPAD_SEARCH_VISUAL_FINAL_START */

html.picsala-ipad-portrait .header-search,
html.picsala-ipad-portrait .header-search.no-top-menu {
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

html.picsala-ipad-portrait .header-search form {
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:hidden!important;
}

html.picsala-ipad-portrait .header-search .search-input,
html.picsala-ipad-portrait .header-search .search-field,
html.picsala-ipad-portrait .header-search input[type="search"] {
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 16px!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:#202535!important;
  color:#fff!important;
  line-height:42px!important;
  box-sizing:border-box!important;
}

html.picsala-ipad-portrait .header-search .search-input::placeholder,
html.picsala-ipad-portrait .header-search .search-field::placeholder,
html.picsala-ipad-portrait .header-search input[type="search"]::placeholder {
  color:#c9cdd6!important;
  opacity:1!important;
}

html.picsala-ipad-portrait .header-search .search-submit,
html.picsala-ipad-portrait .header-search button,
html.picsala-ipad-portrait .header-search input[type="submit"] {
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:92px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:#ef3340!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1!important;
  text-align:center!important;
  vertical-align:middle!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}

html.picsala-ipad-portrait .header-search .search-submit:hover,
html.picsala-ipad-portrait .header-search .search-submit:focus,
html.picsala-ipad-portrait .header-search button:hover,
html.picsala-ipad-portrait .header-search button:focus,
html.picsala-ipad-portrait .header-search input[type="submit"]:hover,
html.picsala-ipad-portrait .header-search input[type="submit"]:focus {
  background:#d92835!important;
  color:#fff!important;
}

/* PICSALA_IPAD_SEARCH_VISUAL_FINAL_END */
/* PICSALA_IPAD_SEARCH_BUTTON_ALIGN_START */

html.picsala-ipad-portrait .header-search form {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:stretch!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  overflow:hidden!important;
}

html.picsala-ipad-portrait .header-search .search-input,
html.picsala-ipad-portrait .header-search .search-field,
html.picsala-ipad-portrait .header-search input[type="search"] {
  display:block!important;
  grid-column:1!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:42px!important;
  box-sizing:border-box!important;
}

html.picsala-ipad-portrait .header-search .search-submit,
html.picsala-ipad-portrait .header-search button,
html.picsala-ipad-portrait .header-search input[type="submit"] {
  display:flex!important;
  grid-column:2!important;
  align-self:stretch!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:92px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0 18px!important;
  top:auto!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  position:static!important;
  line-height:42px!important;
  vertical-align:middle!important;
  box-sizing:border-box!important;
}

html.picsala-ipad-portrait .header-search .search-submit *,
html.picsala-ipad-portrait .header-search button * {
  line-height:1!important;
  margin:0!important;
  padding:0!important;
}

/* PICSALA_IPAD_SEARCH_BUTTON_ALIGN_END */